最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯網營銷解決方案
javascript如何實現移動端HTML5圖片上傳預覽和壓縮功能-創(chuàng)新互聯

這篇文章主要講解了javascript如何實現移動端HTML5圖片上傳預覽和壓縮功能,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。

創(chuàng)新互聯成立十載來,這條路我們正越走越好,積累了技術與客戶資源,形成了良好的口碑。為客戶提供成都做網站、成都網站設計、網站策劃、網頁設計、主機域名、網絡營銷、VI設計、網站改版、漏洞修補等服務。網站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等,這些對于網站建設都非常重要,創(chuàng)新互聯通過對建站技術性的掌握、對創(chuàng)意設計的研究為客戶提供一站式互聯網解決方案,攜手廣大客戶,共同發(fā)展進步。

在開發(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