[發(fā)明專(zhuān)利]一種教育系統(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)（專(zhuān)利權(quán)）人： | 深圳點(diǎn)貓科技有限公司 |
| 主分類(lèi)號(hào)： | H04L29/08 | 分類(lèi)號(hào)： | H04L29/08;H04L29/06 |
| 代理公司： | 廣東良馬律師事務(wù)所 44395 | 代理人： | 李良 |
| 地址： | 518000 廣東省深圳市粵海*** | 國(guó)省代碼： | 廣東;44 |
| 權(quán)利要求書(shū)： | 查看更多 | 說(shuō)明書(shū)： | 查看更多 |
| 摘要： | |||
| 搜索關(guān)鍵詞： | 上傳 圖片上傳 預(yù)處理 電子設(shè)備 格式轉(zhuǎn)換 教育系統(tǒng) 移動(dòng)端 加密 瀏覽器終端 圖片 加密文件 節(jié)省空間 用戶點(diǎn)擊 解密 減小 內(nèi)存 服務(wù)器 指令 | ||
本發(fā)明公開(kāi)了一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法及電子設(shè)備，其中，所述方法包括步驟：A.獲取用戶點(diǎn)擊上傳圖片的指令，選取相應(yīng)的圖片并上傳；B.獲取待上傳的圖片，將圖片進(jìn)行格式轉(zhuǎn)換并加密上傳；C.瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器，本發(fā)明所述方案，能夠在圖片上傳時(shí)，加密并進(jìn)行格式轉(zhuǎn)換，減小上傳的內(nèi)存大小，節(jié)省空間，提高上傳效率。
技術(shù)領(lǐng)域
本發(fā)明涉及移動(dòng)終端應(yīng)用領(lǐng)域，尤其涉及一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法及電子設(shè)備。
背景技術(shù)
在移動(dòng)端應(yīng)用中，用戶在對(duì)文件進(jìn)行上傳時(shí)，其中，對(duì)于用戶上傳的圖片大小不能控制，可能會(huì)上傳比較大的圖片，消耗流量也非常耗時(shí)，同時(shí)會(huì)導(dǎo)致服務(wù)器存儲(chǔ)資源的浪費(fèi)。
因此，現(xiàn)有技術(shù)還有待于改進(jìn)和發(fā)展。
發(fā)明內(nèi)容
鑒于上述現(xiàn)有技術(shù)的不足，本發(fā)明的目的在于提供一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法及電子設(shè)備，旨在解決移動(dòng)端圖片上傳時(shí)的內(nèi)存處理的問(wèn)題。
本發(fā)明的技術(shù)方案如下：
一種教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其中，包括步驟：
A.獲取用戶點(diǎn)擊上傳圖片的指令，選取相應(yīng)的圖片并上傳；
B.獲取待上傳的圖片，將圖片進(jìn)行格式轉(zhuǎn)換并加密上傳；
C.瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器。
所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其中，
所述步驟A之前還包括：
利用input輸入框標(biāo)簽，添加file文件屬性制作上傳按鈕，并設(shè)置input標(biāo)簽的accept屬性，使用戶直接手機(jī)圖片文件。
所述的教育系統(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)換，并加密后上傳。
所述的教育系統(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ù)自定義壓縮比例。
所述的教育系統(tǒng)的html5移動(dòng)端圖片上傳預(yù)處理方法，其中，瀏覽器終端獲取到加密文件后，對(duì)文件進(jìn)行解密并按照特定格式上傳至服務(wù)器的步驟包括：
利用瀏覽器的全局方法atob解碼函數(shù)將base64格式的圖片文件轉(zhuǎn)換為ArrayBuffer；
將轉(zhuǎn)換后的Array Buffer創(chuàng)建一個(gè)blob對(duì)象；
采用form Data表單數(shù)據(jù)的方式將blob對(duì)象上傳至服務(wù)器。
一種電子設(shè)備，其中，包括：
包括處理器，適于實(shí)現(xiàn)各指令，以及
該專(zhuān)利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息，商用須獲得專(zhuān)利權(quán)人授權(quán)。該專(zhuān)利全部權(quán)利屬于深圳點(diǎn)貓科技有限公司，未經(jīng)深圳點(diǎn)貓科技有限公司許可，擅自商用是侵權(quán)行為。如果您想購(gòu)買(mǎi)此專(zhuān)利、獲得商業(yè)授權(quán)和技術(shù)合作，請(qǐng)聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201811260969.7/2.html，轉(zhuǎn)載請(qǐng)聲明來(lái)源鉆瓜專(zhuān)利網(wǎng)。
- 電鍍預(yù)處理溶液和電鍍預(yù)處理方法
- 鐵水預(yù)處理方法及其預(yù)處理裝置
- 預(yù)處理裝置及其預(yù)處理方法
- 預(yù)處理組件、使用該預(yù)處理組件進(jìn)行試樣的預(yù)處理的預(yù)處理裝置及包括該預(yù)處理裝置的分析系統(tǒng)
- 待測(cè)樣品預(yù)處理裝置、預(yù)處理筒及預(yù)處理方法
- 醋酸纖維卷曲預(yù)處理裝置、預(yù)處理液及預(yù)處理方法
- 預(yù)處理裝置
- 預(yù)處理濾芯
- 甘薯儲(chǔ)藏預(yù)處理設(shè)備及預(yù)處理方法
- 水樣預(yù)處理裝置、水樣預(yù)處理系統(tǒng)及水樣預(yù)處理方法
