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

说明书

本申请公开了一种多文件上传方法及装置。该方法包括：确定多个文件的文件列表，和多个文件节点的文件节点列表，其中，文件节点与多个文件相对应，文件节点列表中的文件节点绑定了用于实现拖拽功能的拖拽事件；响应于前端设备的拖拽操作，从文件节点列表中确定拖拽源节点和拖拽目标节点；从文件列表中确定与拖拽源节点对应的拖拽源文件和与拖拽目标节点对应的拖拽目标文件；根据拖拽操作以及拖拽目标文件，变更拖拽源文件在文件列表中的位置；按照变更位置后的文件列表进行多文件上传。通过本申请，解决了相关技术中进行多文件上传时，无法对多文件进行排序的问题。

技术领域

本申请涉及数据处理领域，具体而言，涉及一种多文件上传方法及装置。

背景技术

在前端项目中，多文件上传是各种前端项目里面最基础的一类组件，具体是将客户端数据以文件形式封装，通过网络协议发送到服务器端，在服务器端解析数据，最终在服务端硬盘上作为真实的文件保存。

相关技术中，element-ui是一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库，提供了基础的多文件上传组件，在多文件上传的过程中，指定文件的先后顺序是一个非常常见的功能，但是element-ui并没有多文件上传的排序功能。

针对相关技术中进行多文件上传时，无法对多文件进行排序的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种多文件上传方法及装置，以解决相关技术中进行多文件上传时，无法对多文件进行排序的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种多文件上传方法。该方法包括：确定多个文件的文件列表，和多个文件节点的文件节点列表，其中，所述文件节点与所述多个所述文件相对应，所述文件节点列表中的文件节点绑定了用于实现拖拽功能的拖拽事件；响应于前端设备的拖拽操作，从所述文件节点列表中确定拖拽源节点和拖拽目标节点；从所述文件列表中确定与所述拖拽源节点对应的拖拽源文件和与所述拖拽目标节点对应的拖拽目标文件；根据所述拖拽操作以及所述拖拽目标文件，变更所述拖拽源文件在所述文件列表中的位置；按照变更位置后的文件列表进行多文件上传。

可选的，根据所述拖拽操作以及所述拖拽目标文件，变更所述拖拽源文件在所述文件列表中的位置包括以下至少之一：将所述拖拽源文件插入到所述拖拽目标文件之前；将所述拖拽源文件插入到所述拖拽目标文件之后；将所述拖拽源文件与所述拖拽目标文件的位置调换。

可选的，在响应于前端设备的拖拽操作，从所述文件节点列表中确定拖拽源节点和拖拽目标节点之前包括：接收所述前端设备触发的用于对所述拖拽源文件对应的图标进行拖拽的拖拽操作。

可选的，在确定多个文件的文件列表，和多个文件节点的文件节点列表之前包括：将上传组件的自动上传功能和自动显示上传结果功能关闭，其中，所述上传组件的自动上传功能用于将所述多个文件按照所述文件列表进行自动上传，所述上传组件的自动显示上传结果功能为将自动上传的多个文件进行自动显示。

可选的，在根据所述拖拽操作以及所述拖拽目标文件，变更所述拖拽源文件在所述文件列表中的位置之前，还包括：检测所述拖拽目标文件是否位于所述文件列表的头部或者尾部；在检测到所述拖拽目标文件位于所述文件列表的头部或者尾部的情况下，检测所述拖拽操作是否是将所述拖拽源文件拖拽到所述文件列表的头部的之前或者所述文件列表尾部的之后；在检测到所述拖拽操作是将所述拖拽源文件拖拽到所述文件列表的头部的之前或者所述文件列表尾部的之后的情况下，发出用于禁止拖拽的提示信息。

可选的，所述拖拽操作包括多个不同的拖拽操作。