ant design Upload 组件显示图片失败，url 都是从后台传过来的，应该怎么写？

Question

 const url2 = "../../img/truck.png";

        this.setState({
            fileList: [{
                uid: '-1',
                name: 'xxx.png',
                status: 'done',
                //url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
                url:require("../../img/truck.png"),
            }, {
                uid: '-12',
                name: 'xxx.png',
                status: 'done',
                url:   require( url2 ),
            }],
        })

两个图片，上一种是可以显示图片的，下一种无法显示图片，请教下，我图片url都是从后台传过来的，请教该怎么写？
用的是这个照片墙的写法，

Answer 1

我最近也碰到了这个问题，我是这么解决的：

1.第一种方案
传入的图片路径的时候，只传图片名加后缀，然后路拼接一下，就不报错了

let pic = require(`mypath/${picName}`);

2.第二种方案
在前面拼接一个空的字符串

let pic = require("" + src);

目前，我还没找到出现这个问题的原因，我感觉可能是 webpack 某个地方的bug，不知道是由于 loader 引起的还是 webpack 本身引起的。

Answer 2

楼主有没有试过自定义上传到自己的服务器，然后上传后的图片没法回显？