介绍 picUpload (e), {
,,let image =, new 图像();
,,const reader =, new FileReader ();
,,const img 美元;=,e.target.files [0];
,,const formData =, new FormData ();
,,formData.append(& # 39;图片# 39;,,img美元);
,,reader.onload =, (e),=祝辞,{
,,,const src =, e.target.result;
,,,image.src =, src;
,,,if (image.width !==, 750,,,, image.height !==, 1334), {
,,,,this.showModal(& # 39; & # 39;,, & # 39;图片尺寸有误,请重新上传& # 39;,,& # 39;预警# 39;,,真的,,假);
,,,},{else
,,,,if (img.size 美元;祝辞,(300,*,1024)),{
,,,,,this.showModal(& # 39; & # 39;,, & # 39;图片大小不能超过300 k # 39;,, & # 39;预警# 39;,,真的,,假);
,,,,,this.setParams(& # 39;图片# 39;,,& # 39;& # 39;);
,,,,},{else
,,,,,,美元设置(这个,,& # 39;IMGNAME& # 39;,, img.name美元);
,,,,,this.setParams(& # 39;图片# 39;,,formData);
,,,,}
,,,}
,,}
,,if (e.target.files ,,, e.target.files [0]), {
,,,reader.readAsDataURL (e.target.files [0]);
,,}
,,},
这篇文章主要介绍怎么限制Webpack压缩图片的大小,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
问题的起因是因为的我的图片大小大于url-loader的尺寸标准,导致Webpack自动将图片的路径做了压缩处理,直接导致了我在获取dom的价值的时候无法正确的获取到图片的正确路径。
<强>直接上解决的方法。
这边给图像的src所赋值是用base64编码之后的图片路径。所以要通过readAsDataURL来取出关于路径base64编码之后的结果。算是一个小小的坑。这里做一个笔记方便日观看。
以上是“怎么限制Webpack压缩图片的大小”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
