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

Question

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

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

此插件允许您删除单个元素，那里没有闪存。一切都是javascript和html5 api！

哦，我知道uploadify，我只想留下纯粹的js和html文件api。

Answer 1

修改

在更好地理解了你要找的内容之后，我又掀起了另一个Demo，你可以单独访问这些元素。

我所做的是使用File API和File Readers：

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

• 在您的事件处理程序中使用：event.target.files来访问FileList Object

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

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

• 从FileReader reader.onload = function(){...};

添加回调

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

从那里你可以随心所欲地做任何事情！

我刚刚将数据发送到echo服务器，然后生成带有响应的链接Check It。