$(".xiaJiaUpload input").change(function() { var files = this.files; var that = $(this); var strHtml = ""; var tmpFile = files[0]; var reader = new FileReader(); //每循環(huán)一次都要重新new一個(gè)FileReader實(shí)例 reader.readAsDataURL(tmpFile); reader.onload = function(e) { that.next().find("img").get(0).src = e.target.result; }; });
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/82259.html
摘要:上周做一個(gè)關(guān)于移動(dòng)端圖片壓縮上傳的功能。利用,進(jìn)行圖片的壓縮,得到圖片的的值上傳文件。 上周做一個(gè)關(guān)于移動(dòng)端圖片壓縮上傳的功能。期間踩了幾個(gè)坑,在此總結(jié)下。 大體的思路是,部分API的兼容性請參照caniuse: 利用FileReader,讀取blob對象,或者是file對象,將圖片轉(zhuǎn)化為data uri的形式。 使用canvas,在頁面上新建一個(gè)畫布,利用canvas提供的API,...
摘要:在移動(dòng)端頁面使用上傳文件或者圖片時(shí),和安卓的展現(xiàn)方式有很多不一樣。 在移動(dòng)端頁面使用上傳文件或者圖片時(shí),IOS和安卓的展現(xiàn)方式有很多不一樣。 input 有 captrure屬性,取值:camera:相機(jī);camcorder:攝像;microphone:錄音 在安卓想要調(diào)用相機(jī)需要添加capture屬性,于是我在IOS和Android上進(jìn)行了三端測試! 結(jié)果如下: 1. 安卓: 【...
閱讀 1166·2021-11-24 09:39
閱讀 3668·2021-11-22 13:54
閱讀 2639·2021-10-11 10:59
閱讀 889·2021-09-02 15:40
閱讀 1137·2019-08-30 15:55
閱讀 1108·2019-08-30 13:57
閱讀 2437·2019-08-30 13:17
閱讀 3082·2019-08-29 18:32