使用 angular-file-upload 获取文件内容答案

【问题标题】：Get the content of the file by using angular-file-upload使用 angular-file-upload 获取文件内容
【发布时间】：2017-04-20 11:21:03
【问题描述】：

我创建了一个input 供angular-file-upload 上传文件 -

<input type="file" nv-file-select="" uploader="uploader" multiple />

我上传了一个示例 json 文件 -

{
    name: "Alice"
}

我想在onAfterAddingFile 事件中看到它的内容 -

onAfterAddingFile function(item) {: 将单个文件添加到队列后触发。

uploader.onAfterAddingFile = function (fileItem) {
    console.info('onAfterAddingFile', fileItem.formData); // fileItem.formData is []
}

但 fileItem.formData 只包含 - []

Here is a jsfiddle

如何获取上传文件的内容？

【问题讨论】：

你想要文件的内容是什么？ formData is actually Data to be sent along with the files 所以不知道你为什么要找那个..
好的，其他获取内容的方式都可以。
我认为您无法访问内容......或者您想要名称和修改日期等元数据？
我想要实际的内容（不是元数据）..

标签： javascript angularjs angular-file-upload

【解决方案1】：

onAfterAddingFile - 将文件添加到上传队列后触发。该文件本身尚未上传，因此您无法访问任何内容，只能访问元信息。此外，据我了解，formData {Array}: Data to be sent along with this file 表示这是要发送的补充数据，而不是文件数据。

【讨论】：