新聞中心
這里有您想知道的互聯網營銷解決方案
javascript如何實現移動端HTML5圖片上傳預覽和壓縮功能-創(chuàng)新互聯
這篇文章主要講解了javascript如何實現移動端HTML5圖片上傳預覽和壓縮功能,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
在開發(fā)移動端web網頁中,我們不可避免的會遇到文件上傳的功能,但由于手機圖片尺寸太大,上傳時間過長導致用戶體驗太差,就需要在上傳前對圖片進行一定的壓縮。
在代碼之前,有必要先了解我們即將使用到的幾個API
file 和 FileList 對象file對象可以用來獲取某個文件的信息,還可以用來讀取這個文件的內容.通常情況下,File對象是來自用戶在一個 input 元素上選擇文件后返回的FileList對象,也可以是來自由拖放操作生成的 DataTransfer對象。
通常情況我們這樣使用它:
// FileList 對象 var fs = document.getElementById("text").files console.log(fs) >>FileList 0:File lastModified:1487309111498 lastModifiedDate:Fri Feb 17 2017 13:25:11 GMT+0800 (中國標準時間) name:"1.png" size:22177 type:"image/png" webkitRelativePath:""
文章標題:javascript如何實現移動端HTML5圖片上傳預覽和壓縮功能-創(chuàng)新互聯
URL分享:http://fisionsoft.com.cn/article/gcooj.html