[发明专利]文件上传的方法及装置

说明书

本发明公开了一种文件上传的方法及装置，涉及互联网技术领域，为了解决现有技术中，当浏览器中安装的文件上传插件为angular‑upload插件时，使用angular‑upload插件调用文件上传接口向服务器上传文件，每次只能上传一个本地文件，从而导致浏览器使用angular‑upload插件上传文件的上传效率较低的问题。本发明的方法包括：接收文件选取指令，文件选取指令中包含多个待上传文件对应的文件信息；分别为每个待上传文件添加对应的文件输入控件；根据文件信息获取多个待上传文件，并分别将每个待上传文件暂存于对应的文件输入控件中；当接收到文件上传指令时，使用angular‑upload插件依次将多个待上传文件上传至服务器。本发明适用于浏览器使用angular‑upload插件向服务器上传文件的过程中。

技术领域

本发明涉及互联网技术领域，特别是涉及一种文件上传的方法及装置。

背景技术

随着互联网技术的日益发展，互联网用户的数量变得越来越多，通过浏览器将本地文件上传至网络中分享给其他用户已经成为互联网用户日常生活中不可或缺的一部分。当用户需要将本地文件上传网络中时，首先通过浏览器获取待上传的本地文件，然后使用浏览器中的文件上传插件将待上传文件上传至服务器。

发明人在实现发明过程中，发现现有技术中存在以下技术问题，当浏览器中安装的文件上传插件为angular-upload插件时，使用angular-upload插件调用文件上传接口向服务器上传文件，每次只能上传一个本地文件，即浏览器在获取某个待上传的本地文件后，便会使用angular-upload插件将该待上传文件上传至服务器。因此，当用户需要将多个本地文件上传至服务器时，需要与服务器进行多次交互，从而导致浏览器使用angular-upload插件上传文件的上传效率较低。

发明内容

有鉴于此，本发明提供的文件上传的方法及装置，主要目的在于提高浏览器使用angular-upload插件上传文件的上传效率。

为了解决上述问题，本发明主要提供如下技术方案：

第一方面，本发明提供了一种文件上传的方法，该方法包括：

接收文件选取指令，所述文件选取指令中包含多个待上传文件对应的文件信息；

分别为每个所述待上传文件添加对应的文件输入控件；

根据所述文件信息获取所述多个待上传文件，并分别将每个所述待上传文件暂存于对应的文件输入控件中；

当接收到文件上传指令时，使用angular-upload插件依次将所述多个待上传文件上传至服务器。

可选的，在分别为每个所述待上传文件添加对应的文件输入控件之后，所述方法还包括：

将添加待上传文件的点击事件分别与每个所述文件输入控件对应的点击事件进行绑定。

可选的，根据所述文件信息获取所述多个待上传文件，包括：

当检测到所述添加待上传文件的点击事件时，根据所述文件信息获取所述多个待上传文件。

可选的，当接收到文件上传指令时，使用angular-upload插件依次将每个所述待上传文件上传至服务器，包括：

当接收到文件上传指令时，使用angular-upload插件循环调用文件上传接口；

通过所述文件上传接口依次将每个所述待上传文件上传至服务器。

可选的，在使用angular-upload插件依次将每个所述待上传文件上传至服务器之前，所述方法还包括：

当接收到文件删除指令时，对所述文件删除指令指定的待上传文件对应的文件输入控件进行删除操作。