想删除之前上传的一个文件

Sumi_Oliver 2019-05-31 05:57:43

https://download.csdn.net/download/sumi_oliver/10597993

...全文

35 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

(☆随缘☆) 2019-05-31

打赏
举报

回复

已删除

文件上传时自动删除上次上传的文件有时我们为某些信息上传文件时，如果此信息上次已经上传过一次文件（此案例不考虑选择性删除上次文件），若此次上传的同时不删除上次上传文件，将占有过多存储资源。这里贴出上传时删除上次文件代码（文件上传与下载在在上一篇文章中，欢迎查看：多文件上传与下载（前端form表单提交后端.net））前端代码（我是js里调用后台的） //20201209上传文件时删除上次文件 var oldFiles = row.ContractFileName;//获取上次上传的文件名（多文件）

在使用elementui的Upload 上传组件时，如下代码中使用了limit限定了上传的文件数量，并且做了上传文件数量超限的提示。在on-change的fileChange中通过this.fileList = [fileList[fileList.length - 1]];此时删除 :limit="1"和:on-exceed="exceedFile"，实际项目中想要的效果是：限制只能上传一个文件，并且直接覆盖原来的文件上传。获取最后一次选择的文件即可。

el-upload实现只上传一个文件且再次上传会覆盖前面的文件

2.点击确定时，判断文件是否存在，后端需要接受的参数是 formData数据，对文件进行处理。3.点击取消，如果当前有文件正在上传，提示用户，没有的话，关闭弹窗。2.因为我的需求是只能上传一个文件，所以在上传文件之前，不仅要判断格式，还要限制fileList中只能有一个数据，那么也就是后传的文件，要覆盖先传的文件。2.点击确定时，判断文件是否存在，后端需要接受的参数是 formData数据，对文件进行处理。

这次在做了项目的时候，选用的是element ui 中的 upload组件，确实比较方便，该想到的功能，组件基本也都封装好了，但是有一条还是有点问题，就是只能上传一个文件的时候，上传另一个文件，实现覆盖之前的文件，我之前的想法是给一个limit=1限制，然后再on-exceed钩子函数里去处理解决，试了好久发现不是那么容易，然后耍了个小聪明，下面贴出源码： ` <el-form-item label="上传算法文件" prop="file2"> <el-up

603

社区成员

48,759

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章