Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包url加载程序jpg文件内联_Javascript_Webpack_Urlloader - Fatal编程技术网

Javascript 网页包url加载程序jpg文件内联

Javascript 网页包url加载程序jpg文件内联,javascript,webpack,urlloader,Javascript,Webpack,Urlloader,我正在尝试使用url加载器内联加载jpg,如下所示: let image1 = require("url?limit=100000000!./samples/sample.jpg"); 跑步后,我得到: "data:image/jpeg;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL3d3d3cvaW1nL3NhbXBsZS5qcGciOw==" 基64字符串解码为: module.exports =

我正在尝试使用url加载器内联加载jpg,如下所示:

let image1 = require("url?limit=100000000!./samples/sample.jpg");
跑步后,我得到:

"data:image/jpeg;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL3d3d3cvaW1nL3NhbXBsZS5qcGciOw=="
基64字符串解码为:

module.exports = __webpack_public_path__ + "./wwww/img/sample.jpg";
我期望二进制文件的base64字符串

这是预期的行为吗?如何实际实现二进制文件的base64字符串

如果我试着内联说一个html文件,它会像预期的那样工作。那么为什么不使用jpgs呢


此特定文件的文件大小为417KB,但limit参数远大于此值。

我没有尝试过,但类似的方法应该可以工作:

让image1=require!!url?限制=100000000/samples/sample.jpg

问题是装载机的顺序。如果你检查你的webpack.config文件,你可以在某处找到jpg文件的文件加载器。我知道,因为我知道文件加载器会输出以下内容:

module.exports = \__webpack_public_path__ + "./wwww/img/sample.jpg";
。。。正在通过管道传输到url加载程序。这就是为什么要得到上面字符串的base64版本。因为文件加载器正在将其返回给url加载器


请参阅以了解如何覆盖它。我想是推杆!!在这之前,我会解决你的问题。

完美!!!谢谢,我不知道装载机的订单和管道。谢谢你