Javascript 网页包url加载程序jpg文件内联
我正在尝试使用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 =
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加载器
请参阅以了解如何覆盖它。我想是推杆!!在这之前,我会解决你的问题。完美!!!谢谢,我不知道装载机的订单和管道。谢谢你