从多个文件输入中删除元素

Question

我可以使用文件输入标签上的multiple属性选择多个文件.但是我想知道如何删除单个元素.

我知道你不能自己操纵文件输入,因为它有一个安全漏洞,浏览器不允许这样做,但我想指出你的jquery上传插件:https://github.com/blueimp/ jQuery-File-Upload.

这个插件允许你删除单个元素,那里没有闪存.一切都是javascript和html5 api!

哦,我知道uploadify,我只想留在纯js和HTML文件api.

Answer 1

编辑:

在更好地理解了你正在寻找的东西后,我掀起了另一个Demo(你的JS),你可以单独访问这些元素.

我做的是使用文件API和文件读取器:

• 向输入添加事件处理程序: $("#fileInput").on("change", processFiles);?

• 在事件处理程序中使用:event.target.files访问FileList对象

• 使用FileReader:var reader = new FileReader();读取文件

• 你可以通过多种方式阅读文件(二进制文本,文本,网址等),我选择了数据网址: reader.readAsDataURL(file);

• 从FileReader添加回调 reader.onload = function(){...};

• 在回调中将结果推event.target.result送到数组

从那里你可以随心所欲地做它!

我只是将数据发送到echo服务器,然后生成带有响应的链接Check It.