上传多个文件时,我们可以跟踪单个文件的上传进度吗?

赫尔沃耶·巴特内克(Hrvoje Batrnek)

当多个文件被挑选<input type="file" multiple/>是可以跟踪每上传单个文件,而不只是所有文件的总长度一起,浏览器给我们的信息?是否可以从输入中提取文件对象并为每个文件创建输入,然后分别上传?我已经尝试过了,但是出于安全原因,input.files数组已被锁定,但是它们可以使我们能够处理单个文件,而无需赋予我们更改路径或任何其他属性的能力。

我想要一个不是链接到某些第三方库的答案,我想自己学习并制作一个。

Hikaruno记忆

基本上,当我处理时<input type="file" multiple/>,我总是将文件存储在另一个数组中以进行进一步的工作,例如删除特定文件。

var UploadFiles = [];

$('#input').on('change',function(){
    var files = this.files; // get files from input
    UploadFiles = files.slice(0) // storage files in UploadFiles array
})

然后,通过AJAX分别上传文件

// initialize your progress bar
$.each(UploadFiles,function(){
    let uploadFile = new FormData()
    uploadFile.append('file', this)

    $.ajax({
        // some parameters...
        , beforeSend: function(){
              // some code...
              // setting progress bar percentage as you want
          }
        , success: function(){
              // some code...
              // setting progress bar percentage as you want
          }
    }).done(function(){
        // some code...
        // setting progress bar percentage as you want
    })
})
// setting progress bar to 100%

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在上传之前调整图像文件的大小;我们可以覆盖临时文件并上传吗?

我们可以在网站上显示上传文件的内容吗?

我们可以从Rails应用程序上传文件到hidrive在线存储吗?

从FileZilla上传文件时实际发生了什么?我们托管吗?,如果可以,它实际上是如何与虚拟主机提供商链接的?

我们可以在文件中存储多个对象吗?

我们可以使用AWS IAM角色通过其他方式上传文件吗

可以使用我们的/他们的解决单个文件上的Git冲突吗?

我们如何在 Google Drive API 上上传多个文档文件

我们可以在 FastAPI 中接收的上传文件的最大大小是多少?

AFNetworking 2.0跟踪文件上传进度

使用OKHTTP跟踪分段文件上传的进度

使用multipart / body网络请求跟踪多个文件上传的上传进度

当我们使用ng-change时,AngularJS文件上传不起作用

我们可以从 PDF 中提取图形作为单个矢量 SVG 文件吗?

C#:HttpClient,将多个文件上传为MultipartFormDataContent时的文件上传进度

我们可以在一个xml文件中创建多个形状并将它们指向该单个文件吗?

提取.zip归档文件时,我们可以保留文件的时间戳吗?

使用WPF进度栏上传多个文件

我们可以有多个juju配置文件吗?

我们可以同时打开多个FileWriter流到同一文件吗?

在Java中,我们可以将一个类分为多个文件吗?

核心数据迁移-我们可以在xcode中使用多个.xcmappingmodel文件吗?

可以私下上传文件吗?

被苹果拒绝后,我们可以将二进制文件上传到iTunes Connect多少次?

我们可以处理顺序使用Spring Batch的同时多线程用于处理单个文件的数据的多个文件..?

我们可以使用 Google Analytics 跟踪单个用户的屏幕信息吗?

PHPSECLIB文件上传进度

C#CopyFileEx-ProgressRoutine:我们真的需要在进行进度时关闭目标文件句柄吗?

打开连接的Excel文件时,我们可以修改数据库吗?