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

权利要求书

1.一种教育系统的html5移动端图片上传预处理方法，其特征在于，包括步骤：

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

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

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

2.根据权利要求1所述的教育系统的html5移动端图片上传预处理方法，其特征在于，

所述步骤A之前还包括：

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

3.根据权利要求2所述的教育系统的html5移动端图片上传预处理方法，其特征在于，获取待上传的图片，将图片进行格式转换并加密上传的步骤包括：

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

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

4.根据权利要求3所述的教育系统的html5移动端图片上传预处理方法，其特征在于，当用户上传图片的动作触发，对图片进行格式转换，并加密后上传的步骤包括：

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

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

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

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

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

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

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

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

6.一种电子设备，其特征在于，包括：

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

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

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

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

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

7.根据权利要求6所述的电子设备，其特征在于，所述处理器还用于加载并执行：

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

8.根据权利要求7所述的电子设备，其特征在于，所述处理器还用于加载并执行：

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

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

9.根据权利要求8所述的电子设备，其特征在于，所述处理器还用于加载并执行：

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

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

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

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

10.根据权利要求9所述的电子设备，其特征在于，所述处理器还用于加载并执行：

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

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

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