当前位置: 首页 > news >正文

el-upload上传文件修改 File 中的name

问题:在上传文件前,强制修改 raw.File中的name,会报错。

原因:因为file中的name是只读的,所以不能修改,

方法:可以使用new File创建新文件,然后整个替换掉raw文件对象。

1、css 中的上传 其中 auto-upload 要 设置为 false

          <el-upload

            ref="uploadVideo"

            class="upload-demo"

             action=" "

            :accept="acceptType"

            :auto-upload="false"

            :file-list="videoOrFileList"

            :before-upload="beforeUpload"

            :on-error="onError"

            :on-change="onChange"

            :on-remove="onRemove"

            :on-success="onSuccess"

          >

            <el-button

              size="small"

              type="primary"

              icon="el-icon-upload"

            >选择视频

            </el-button>

            <div

              slot="tip"

              class="el-upload__tip"

            >只支持{{ acceptType.toUpperCase() }}格式  <span style="color:red ">(注:上传成功后,需等待5-10分钟生效)</span>

            </div>

          </el-upload>

 2、调用接口前,处理参数

         const FileParams = new FormData()  //new 一个 FormData 

          FileParams.append('module', 'labelFile')

           .................... //append需要的参数,如 el-upload 中的 data 参数

          FileParams.append('File', new File([file.raw], nameNew, { type: file.raw.type }))

           //append 修改name后的file,其中nameNew 是需要的name


http://www.mrgr.cn/news/19712.html

相关文章:

  • 383. 赎金信
  • 应该怎么从0搭建一个图像识别系统,如果想考计算机的研究生应该如何准备
  • CAS理解和说明
  • 你做的SEO为什么效果不够好?
  • 模型压缩之知识蒸馏
  • 统计学习方法与实战——统计学习方法概论
  • 【技术前沿】智能反向寻车解决方案:提升停车场用户体验与运营效率
  • python如何连接人大金仓数据库
  • 鸿蒙-PC三栏布局
  • 性能测试经典案例解析——网上报税系统
  • 力扣62-不同路径(Java详细题解)
  • 高效易用的仓库进销存管理软件盘点,总有一款适合你!
  • 金仓 KES Plus 不充会员也好用
  • 安装Selenium进行web⾃动化测试
  • 在windows上怎么看动态库dll是64还是32位的
  • 10.6 应用层协议
  • 基于python的Selenium webdriver环境搭建(笔记)
  • 快速复制sql表结构 或者表结构加数据WHERE 1=1 和 WHERE 1=2
  • JPA关联MyBatis
  • 代码随想录:62.不同路径