[发明专利]文件上传方法、装置、电子设备和计算机可读存储介质

说明书

技术领域

本发明涉及互联网技术领域，特别是涉及文件上传方法和装置以及电子设备和计算机可读存储介质。

背景技术

在Web(网站)应用开发中，经常涉及到通过网页上传文件的应用。随着互联网技术的飞速发展，用户对网站的体验要求越来越高，出现许多文件上传技术，例如：异步上传文件、拖拽式上传、黏贴上传、上传进度监控、文件缩略图、大文件断点续传、大文件秒传等等。

但是，上述文件上传技术使用起来较为复杂。例如，它们在实现文件上传的过程中，需要使用jquery(一个JavaScript(基于对象和事件驱动的脚本语言，简称JS)工具库)框架等，引入所依赖的JS文件。而且，上述现有技术在通过表单上传文件时总是存在重新刷新网页的问题。

因此，如何克服现有文件上传方法使用复杂且需要重新刷新页面是丞待解决的问题。

发明内容

本发明实施例的目的在于提供一种文件上传方法，以解决如何简单且无需刷新网页而实现文件上传的技术问题。此外，还提供一种文件上传装置、电子设备和计算机可读存储介质。

为了实现上述目的，本发明的一个方面，提供以下技术方案：

一种文件上传方法，所述方法包括：

利用原生JS，通过目标网页的表单接收待上传文件；其中，所述目标网页包括内联框架和表单；所述表单包括所述待上传文件的编码方式和统一资源定位符URL，所述编码方式属性为非字符编码方式；所述内联框架嵌在所述表单内；

利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述表单提交至所述URL指向的服务器，实现向所述URL指向的服务器上传所述待上传文件。

进一步地，在所述表单接收待上传文件的步骤之后、在将所述表单提交至所述URL指向的服务器的步骤之前，所述方法还包括：

对所述表单进行序列化，得到二进制流形式的表单；

所述利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述表单提交至所述URL指向的服务器的步骤，具体包括：

利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述二进制流形式的表单上传至所述URL指向的服务器。

进一步地，在将所述表单提交至所述URL指向的服务器的步骤之前，所述方法还包括：

在所述表单中创建文件域；

对所述文件域与用于触发文件上传的触发事件进行绑定；

所述利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述表单提交至所述URL指向的服务器的步骤具体包括：

检测所述用于触发上传所述待上传文件的触发事件；

响应检测到的所述触发事件，利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述表单提交至所述URL指向的服务器。

进一步地，所述利用原生JS方法，通过目标网页的表单接收待上传文件的步骤，包括：

利用所述原生JS方法，调用用于在所述目标网页中上传文件的目标函数，通过所述目标函数中定义的表单接收所述待上传文件；

其中，所述目标函数为：嵌入在所述目标网页的HTML文档中的函数，或所述目标函数为：由所述目标网页的HTML文档的外部JS文件确定的函数。

为了实现上述目的，本发明的另一个方面，还提供了以下技术方案：

一种文件上传装置，所述装置包括：

接收模块，用于利用原生JS，通过目标网页的表单接收待上传文件；其中，所述目标网页包括内联框架和表单；所述表单包括所述待上传文件的编码方式和统一资源定位符URL，所述编码方式属性为非字符编码方式；所述内联框架嵌在所述表单内；

上传模块，用于利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述表单提交至所述URL指向的服务器，实现向所述URL指向的服务器上传所述待上传文件。

进一步地，所述文件上传装置还包括：

序列化模块，用于对所述表单进行序列化，得到二进制流形式的表单；

所述上传模块具体包括：

第一上传单元，用于利用阿贾克斯方法，按照非字符编码方式，通过所述内联框架，将所述二进制流形式的表单上传至所述URL指向的服务器。

进一步地，所述文件上传装置还包括：

创建模块，用于在所述表单中创建文件域；

绑定模块，用于对所述文件域与用于触发文件上传的触发事件进行绑定；

所述上传模块具体包括：