$(".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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/82259.html
摘要:上周做一個(gè)關(guān)于移動(dòng)端圖片壓縮上傳的功能。利用,進(jìn)行圖片的壓縮,得到圖片的的值上傳文件。 上周做一個(gè)關(guān)于移動(dòng)端圖片壓縮上傳的功能。期間踩了幾個(gè)坑,在此總結(jié)下。 大體的思路是,部分API的兼容性請(qǐng)參照caniuse: 利用FileReader,讀取blob對(duì)象,或者是file對(duì)象,將圖片轉(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. 安卓: 【...
閱讀 1064·2021-11-24 09:39
閱讀 3602·2021-11-22 13:54
閱讀 2558·2021-10-11 10:59
閱讀 797·2021-09-02 15:40
閱讀 1036·2019-08-30 15:55
閱讀 1054·2019-08-30 13:57
閱讀 2314·2019-08-30 13:17
閱讀 3034·2019-08-29 18:32