[发明专利]一种教育系统的html5移动端图片上传预处理方法及电子设备

说明书

本发明公开了一种教育系统的html5移动端图片上传预处理方法及电子设备，其中，所述方法包括步骤：A.获取用户点击上传图片的指令，选取相应的图片并上传；B.获取待上传的图片，将图片进行格式转换并加密上传；C.浏览器终端获取到加密文件后，对文件进行解密并按照特定格式上传至服务器，本发明所述方案，能够在图片上传时，加密并进行格式转换，减小上传的内存大小，节省空间，提高上传效率。

技术领域

本发明涉及移动终端应用领域，尤其涉及一种教育系统的html5移动端图片上传预处理方法及电子设备。

背景技术

在移动端应用中，用户在对文件进行上传时，其中，对于用户上传的图片大小不能控制，可能会上传比较大的图片，消耗流量也非常耗时，同时会导致服务器存储资源的浪费。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种教育系统的html5移动端图片上传预处理方法及电子设备，旨在解决移动端图片上传时的内存处理的问题。

本发明的技术方案如下：

一种教育系统的html5移动端图片上传预处理方法，其中，包括步骤：

A.获取用户点击上传图片的指令，选取相应的图片并上传；

B.获取待上传的图片，将图片进行格式转换并加密上传；

C.浏览器终端获取到加密文件后，对文件进行解密并按照特定格式上传至服务器。

所述的教育系统的html5移动端图片上传预处理方法，其中，

所述步骤A之前还包括：

利用input输入框标签，添加file文件属性制作上传按钮，并设置input标签的accept属性，使用户直接手机图片文件。

所述的教育系统的html5移动端图片上传预处理方法，其中，获取待上传的图片，将图片进行格式转换并加密上传的步骤包括：

监听所述所述上传按钮的change变化事件；

当用户上传图片的动作触发，对图片进行格式转换，并加密后上传。

所述的教育系统的html5移动端图片上传预处理方法，其中，当用户上传图片的动作触发，对图片进行格式转换，并加密后上传的步骤包括：

新建一个File Reader文件读取对象；

调用File Reader文件读取的read AS Data URL方法读取文件内容并将内容编码为base64格式，当File Reader读取到文件内容后，将独处的图片内容生成预览图；

利用canvas的draw Image绘制图像方法将预览图绘制到canvas容器内；

调用canvas的to Data URL接口，将绘制到canvas上的图片进行压缩，传入参数自定义压缩比例。

所述的教育系统的html5移动端图片上传预处理方法，其中，浏览器终端获取到加密文件后，对文件进行解密并按照特定格式上传至服务器的步骤包括：

利用浏览器的全局方法atob解码函数将base64格式的图片文件转换为ArrayBuffer；

将转换后的Array Buffer创建一个blob对象；

采用form Data表单数据的方式将blob对象上传至服务器。

一种电子设备，其中，包括：

包括处理器，适于实现各指令，以及