element 上传文件 文件列表只显示最新的一条

上传操作 :

 

复制代码
      <el-upload
        multiple
        accept=".rar,.zip,.doc,.pdf,.docx"
        class="upload-demo"
        thumbnail-mode
        :on-change="handleChange"
        action
        :file-list="fileList"
        :show-file-list="true"
        :http-request="uploadfile"
        >
        <el-button size="small" type="primary" class="upload">上传审稿模板</el-button>
<!--        <div slot="tip" class="el-upload__tip">支持格式:.rar .zip .doc .docx .pdf,单个文件不能超过20MB。</div>-->
      </el-upload>
复制代码

上传函数:

// 上传附件
      uploadfile(file){
        let formData = new FormData()
        formData.append("file", file.file)
//
updatetemplate 是接口
updatetemplate(formData).then( res => { if(res.data.code == 0){ this.$message.success("上传成功") } }) },

上传函数时列表操作 :删除掉之前的

   handleChange(file, fileList) {
        this.fileList = fileList.slice(-1);
      },

 

posted @   1点  阅读(2078)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示