el-upload 手动上传并压缩文件

发布于 2022-09-13 00:25:24 字数 865 浏览 45 评论 0

前提:因为是手动提交,压缩图片是在on-change事件中完成的。并已经压缩成功啦
image.png
由于on-change不能使用Promise回调,所以我给file重新赋值,想要覆盖原图片

this.$set(this.uploadParams, 'file', fileListData)
// 打印结果:Blob {size: 1445, type: "image/png"}

结果传参:
image.png
并没有覆盖,而是直接新增了一个file属性

html代码:

<el-upload :action = " HOST+'confirmationUpload.do'"  :limit="3" :multiple="true"  :data="uploadParams" ref='upload_ref1'  :auto-upload="false" list-type="picture-card" :on-change="fileChange"  :on-error="uploadErrorInCurrVue" :on-success="uploadSuccessInCurrVue"   :on-preview="handlePictureCardPreview" >
</el-upload>

uploadParams: 上传图片时,额外的参数,file的参数通过this.$refs.upload_ref1.submit()上传

问题:传到服务器的值还是压缩前的~~~~

求求解答,困扰几天啦

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

烈酒灼喉 2022-09-20 00:25:24

第一次提的问题有人关注!hahahaha~
现在已经解决啦。
手动上传不要用自带action,要用http-request(自定义上传事件)哦
如果还有困惑,可以看一下俺记录的踩坑博客

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文