javascript - 用于删除选定文件的 Jquery 代码,就像我们在 gmail 中对附件所做的一样
问题描述
我在 jquery 中编写了一个代码来上传文档,我们可以在其中选择 n 个文件,然后单击提交以将其上传到服务器上。如何删除选定的文件?我已经选择了要上传的文件,但现在我想删除它,就像我们在 gmail 中对附件所做的一样(我们选择一个附件,如果我们想删除它,我们可以删除并上传另一个附件)。那么如何使用 jquery 删除选定的文件呢?
以下是我的上传代码,可帮助我选择需要上传的文件:
$('#add_more1').click(function(){
var current_count= $('input[type="file"]').length ;
var next_count = current_count + 1;
$('#file_upload1').prepend('<p><input style="margin-left:10px" type="file" name="file_' + next_count + '"/></p>');
})
解决方案
尝试每次都添加span
标签(使用任何合适的 css 库中的删除图标类并为此提供 id span
)input
。
$('#id').click(function(){
$('input[name="file_' + next_count + '"]').remove();
}
推荐阅读
- fonts - 针对特定文本格式的 Word/Office 365 可自定义键盘快捷键
- c# - 如何在 Net 核心控制器中制作不可变常量对象的静态单例副本?
- python - 有没有办法限制捕获的击键数量?
- javascript - 尝试通过获取请求发送值,获取值但它不发送 html 页面作为响应
- java - 有没有一种方法,例如使用 @JsonFilter 来仅打印 HashMap 的值?
- node.js - Import fs in TypeScript
- swiftui - SwiftUI 视图中的数据数组在从 UIViewController 返回时不会刷新
- docker - Docker 上的 FileBeat 没有读取或推送我的日志文件,也没有打印任何错误
- html - 为什么我的 DIV 重叠文本和另一个 DIV?
- android - 有android NDK linter吗?