elementUI:Upload组件list-type: picture-card上传闪动
  TEZNKK3IfmPf 2023年11月15日 20 0

直接push file对象 可以解决

多图上传示例

<el-upload
        action="action"
        list-type="picture-card"
        name="image"
        :file-list="files"
        :on-remove="handleRemove"
        :on-success="handleSuccess"
        :http-request="uploadFile"
      >
        <i class="el-icon-plus"></i></el-upload>
props: {
    // 引用传递数组 { name, url }
    files: { type: Array, default: null },
 },
 methods: {
     // 自定义实现文件上传
     async uploadFile(params) {
      let form = new FormData();
      form.append('image', params.file);
      const res = await this.$Http.commonUpload(form);
      return res;
    },
    
	// 处理添加
	handleSuccess(response, file, fileList) {
	   // 设置url
	   file.url = response.data.url;
	   this.files.push(file);
	},
	
	// 移除
	handleRemove(file, fileList) {
		this.files.splice(0, this.files.length, ...fileList);
	}}

参考
饿了么UI组件库中,Upload组件上传闪动的解决

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月15日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月15日   20   0   0 自定义json
  TEZNKK3IfmPf   2023年11月15日   34   0   0 sedicopython
  TEZNKK3IfmPf   2023年11月15日   56   0   0 giticopython
TEZNKK3IfmPf