Question

我正在尝试使用jQuery在我的html中插入默认图像。我不知道为什么，但是路径不起作用。如果图像细节为404，则必须使用默认图像。该图像称为img-default.png，位于/ public

这是代码：

         fetch('url')
          .then(function (response) {
            return response.json();
          }).then(function (data) {
            const img_detail = data['img-detail']
            if (data['img-detail'] == 404) {
              console.log('error on load image')
              const img_default = 'http://localhost:3001/myproject/public/img-default.png' // not work :(
              //apply to div content
             $('#content').css({ 'background-image': 'url(' + img_default + ')' });
            } else {
             $('#content').css({ 'background-image': 'url(' + img_detail + ')' });
          }).catch(function () {
             console.log("Error al traer la imagen");
          });

为什么不起作用？谢谢！

Answer 1

您正在使用webpack？如果是这样，您不仅应该对路径进行硬编码，还可以使用convert input.png \ -fill white -fuzz 10% -opaque black \ -morphology Smooth Diamond \ output.png。

require

将图像路径插入反应

1 个答案: