[發(fā)明專利]一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法及電子設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 201811260969.7
• 申請(qǐng)日: 2018-10-26
• 公開(kāi)（公告）號(hào): CN109547533A
• 公開(kāi)（公告）日: 2019-03-29
• 發(fā)明（設(shè)計(jì)）人: 李天馳;孫悅;羅倩
• 申請(qǐng)（專利權(quán)）人: 深圳點(diǎn)貓科技有限公司
• 主分類號(hào): H04L29/08
• 分類號(hào): H04L29/08;H04L29/06
• 代理公司: 廣東良馬律師事務(wù)所 44395
• 代理人: 李良

1.一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其特征在于，包括步驟：

A.獲取用戶點(diǎn)擊上傳圖片的指令，選取相應(yīng)的圖片并上傳；

B.獲取待上傳的圖片，將圖片進(jìn)行格式轉(zhuǎn)換并加密上傳；

C.瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器。

2.根據(jù)權(quán)利要求1所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其特征在于，

所述步驟A之前還包括：

利用input輸入框標(biāo)簽，添加file文件屬性制作上傳按鈕，并設(shè)置input標(biāo)簽的accept屬性，使用戶直接手機(jī)圖片文件。

3.根據(jù)權(quán)利要求2所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其特征在于，獲取待上傳的圖片，將圖片進(jìn)行格式轉(zhuǎn)換并加密上傳的步驟包括：

監(jiān)聽(tīng)所述所述上傳按鈕的change變化事件；

當(dāng)用戶上傳圖片的動(dòng)作觸發(fā)，對(duì)圖片進(jìn)行格式轉(zhuǎn)換，并加密后上傳。

4.根據(jù)權(quán)利要求3所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其特征在于，當(dāng)用戶上傳圖片的動(dòng)作觸發(fā)，對(duì)圖片進(jìn)行格式轉(zhuǎn)換，并加密后上傳的步驟包括：

新建一個(gè)File Reader文件讀取對(duì)象；

調(diào)用File Reader文件讀取的read AS Data URL方法讀取文件內(nèi)容并將內(nèi)容編碼為base64格式，當(dāng)File Reader讀取到文件內(nèi)容后，將獨(dú)處的圖片內(nèi)容生成預(yù)覽圖；

利用canvas的draw Image繪制圖像方法將預(yù)覽圖繪制到canvas容器內(nèi)；

調(diào)用canvas的to Data URL接口，將繪制到canvas上的圖片進(jìn)行壓縮，傳入?yún)?shù)自定義壓縮比例。

5.根據(jù)權(quán)利要求4所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其特征在于，瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器的步驟包括：

利用瀏覽器的全局方法atob解碼函數(shù)將base64格式的圖片文件轉(zhuǎn)換為Array Buffer；

將轉(zhuǎn)換后的Array Buffer創(chuàng)建一個(gè)blob對(duì)象；

采用form Data表單數(shù)據(jù)的方式將blob對(duì)象上傳至服務(wù)器。

6.一種電子設(shè)備，其特征在于，包括：

包括處理器，適于實(shí)現(xiàn)各指令，以及

存儲(chǔ)設(shè)備，適于存儲(chǔ)多條指令，所述指令適于由處理器加載并執(zhí)行：

獲取用戶點(diǎn)擊上傳圖片的指令，選取相應(yīng)的圖片并上傳；

獲取待上傳的圖片，將圖片進(jìn)行格式轉(zhuǎn)換并加密上傳；

瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器。

7.根據(jù)權(quán)利要求6所述的電子設(shè)備，其特征在于，所述處理器還用于加載并執(zhí)行：

利用input輸入框標(biāo)簽，添加file文件屬性制作上傳按鈕，并設(shè)置input標(biāo)簽的accept屬性，使用戶直接手機(jī)圖片文件。

8.根據(jù)權(quán)利要求7所述的電子設(shè)備，其特征在于，所述處理器還用于加載并執(zhí)行：

監(jiān)聽(tīng)所述所述上傳按鈕的change變化事件；

當(dāng)用戶上傳圖片的動(dòng)作觸發(fā)，對(duì)圖片進(jìn)行格式轉(zhuǎn)換，并加密后上傳。

9.根據(jù)權(quán)利要求8所述的電子設(shè)備，其特征在于，所述處理器還用于加載并執(zhí)行：

新建一個(gè)File Reader文件讀取對(duì)象；

調(diào)用File Reader文件讀取的read AS Data URL方法讀取文件內(nèi)容并將內(nèi)容編碼為base64格式，當(dāng)File Reader讀取到文件內(nèi)容后，將獨(dú)處的圖片內(nèi)容生成預(yù)覽圖；

利用canvas的draw Image繪制圖像方法將預(yù)覽圖繪制到canvas容器內(nèi)；

調(diào)用canvas的to Data URL接口，將繪制到canvas上的圖片進(jìn)行壓縮，傳入?yún)?shù)自定義壓縮比例。

10.根據(jù)權(quán)利要求9所述的電子設(shè)備，其特征在于，所述處理器還用于加載并執(zhí)行：

利用瀏覽器的全局方法atob解碼函數(shù)將base64格式的圖片文件轉(zhuǎn)換為Array Buffer；

將轉(zhuǎn)換后的Array Buffer創(chuàng)建一個(gè)blob對(duì)象；

采用form Data表單數(shù)據(jù)的方式將blob對(duì)象上傳至服務(wù)器。