快速创建VUE移动端上传图片功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了快速创建VUE移动端上传图片功能相关的知识,希望对你有一定的参考价值。

参考技术A 主要功能:限制图片张数、图片大小压缩、同时上传多张、上传后可编辑删除、上传中和上传失败状态显示。

使用配置:使用vantUI、axios请求经过封装、安装image-compressor.js图片压缩

npm install image-compressor.js //注意是image-compressor.js不是image-compressor

ps:从父级页面传入相应的值到props里面

vue移动端图片上传,可最多上传9张,使用webuploader插件

参考技术A 图片上传WebUploader.js

以上是关于快速创建VUE移动端上传图片功能的主要内容,如果未能解决你的问题,请参考以下文章

vue 移动端上传图片结合localResizeIMG插件进行图片压缩

移动端预览(双指缩放移动)富文本编辑器上传的图片

移动端预览(双指缩放移动)富文本编辑器上传的图片

vue 移动端拍照压缩base64格式上传

移动端网页上传图片功能简析(主要应用场景为微信公众号)

图片移动端图片上传旋转压缩的解决方案