国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

html5 canvas移動瀏覽器上實現圖片壓縮上傳

2024-09-05 07:21:28
字體:
來源:轉載
供稿:網友

最近在移動端設計頭像上傳功能時,原本是以<input type="file">直接通過formData上傳,然而實際使用情況是:對于過大的圖片(高像素手機所拍攝的照片等)上傳時間過長會導致上傳失敗,而每次都上傳原始大小的圖片(后臺處理壓縮)十分影響用戶體驗,所以研究了一下通過canvas壓縮圖片并上傳的方法,以下是整理的一些思路和心得:

一、<input type="file">獲取本地圖片,并將圖片繪制到畫布中。此處的難點在于:由于瀏覽器的保護機制,無法直接獲取到本地文件的圖片路徑,所以需要將本地圖片編譯成base64格式再做上傳,代碼如下:

JavaScript Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 余庆县| 炉霍县| 东台市| 烟台市| 海南省| 石嘴山市| 大洼县| 新源县| 南昌市| 女性| 南安市| 靖西县| 阜平县| 锡林郭勒盟| 阜宁县| 张家口市| 灵石县| 兴隆县| 澄江县| 邹城市| 若羌县| 嘉鱼县| 永春县| 新晃| 荆州市| 晋江市| 巨野县| 错那县| 游戏| 聂拉木县| 平江县| 河北区| 克东县| 新泰市| 谢通门县| 石阡县| 兴海县| 磴口县| 孟津县| 保靖县| 班玛县|