ajax 如何使用 Fine Uploader js 框架
How to use Fine Uploader js framework with ajax
我想使用 fineuploader JS 库来上传多个文件。
现在根据我的要求,用户可以 select 多个文件,然后那些 selected 文件不应该立即上传,而不是用户应该在上方查看和修改它们。确认用户后,我想获取所有文件列表,然后我需要通过 ajax JS 函数一个一个地处理这些文件,以将转换为 base64 二进制数据的文件发送到我的服务器方法。
我看过 fileuploader 文档,我知道我的前两个需求很容易满足,用户可以 select 多个文件并在上传到服务器之前修改它们,但我不确定如何使用 ajax 带有上传文件的JS函数。我遇到了一个名为 uploadStoredFiles()
的选项,但这将再次按照其默认行为上传文件,我如何才能获取所有文件数组,然后按照我的方式处理它们。
您可以使用 getUploads()
API method, and you can get the underlying Blob
/File
object for each submitted entry using the getFile()
API method.
获取所有已提交文件的列表
但请记住,如果您自己上传文件,状态不会改变,就优秀上传者而言,其他任何内容也不会改变。您将有一个 UI 充满提交的文件,这些文件永远不会改变。请注意,在 UI 中反映这些文件状态的唯一方法是让优秀的上传者上传它们。
我想使用 fineuploader JS 库来上传多个文件。 现在根据我的要求,用户可以 select 多个文件,然后那些 selected 文件不应该立即上传,而不是用户应该在上方查看和修改它们。确认用户后,我想获取所有文件列表,然后我需要通过 ajax JS 函数一个一个地处理这些文件,以将转换为 base64 二进制数据的文件发送到我的服务器方法。
我看过 fileuploader 文档,我知道我的前两个需求很容易满足,用户可以 select 多个文件并在上传到服务器之前修改它们,但我不确定如何使用 ajax 带有上传文件的JS函数。我遇到了一个名为 uploadStoredFiles()
的选项,但这将再次按照其默认行为上传文件,我如何才能获取所有文件数组,然后按照我的方式处理它们。
您可以使用 getUploads()
API method, and you can get the underlying Blob
/File
object for each submitted entry using the getFile()
API method.
但请记住,如果您自己上传文件,状态不会改变,就优秀上传者而言,其他任何内容也不会改变。您将有一个 UI 充满提交的文件,这些文件永远不会改变。请注意,在 UI 中反映这些文件状态的唯一方法是让优秀的上传者上传它们。