VUE element-ui el-upload一张一张自动上传图片

最新推荐文章于 2024-08-07 16:54:03 发布

Dylan长点薪把

最新推荐文章于 2024-08-07 16:54:03 发布

阅读量800

点赞数

文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/qq_41040413/article/details/121365133

版权

elementui
 
<el-upload
  action = "/"
  :show-file-list = "false"
  :before-upload = "file => beforeUpload(1,file)"//这个 1 是给每一个图片的标志位 随意 对应上即可
  :on-progress = "file => adLoadimg("P0010",form.activityPic)"//一张一张上传图片的精髓所在
  在这个函数里输入后端接口需要的数据，并且在这个函数里调用接口就会自动调接口上传图片，最好将接口外边包一层定时器要不容易会调用接口过快，base64图片未上传到本地就调用接口了，导致上传base64码失败

>
 <img 
   onerror = "defaultImage" //设置默认图片
   :src = "form.activityPic"
  >
</el-upload>

base64具体上传图片步骤方法请看我另一篇文章！！！谢谢