// 圖片上傳
html:代碼如下:
<div class="storePic storePicBig br-3" id="storePicBox">
<img src="" id="placard" alt="" class="imgs">
<input type="file" id="storePic" class="inputs" name="file">
</div>
js代碼如下:
var imgBase641 = "";
$("#storePic").on("change", function () {
var objUrl;
objUrl = getObjectURL(this.files[0]); //獲取圖片的路徑,該路徑不是圖片在本地的路徑
var file = this.files[0];
if (/image\/\w+/.test(file.type) && this.files[0].size / 1024 < 2048) {
$(this).siblings("img").attr("src", objUrl); //將圖片路徑存入src中,顯示出圖片
} else {
alert("請選擇小于2M的圖片");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
imgBase641 = this.result; //就是base64
};
});
圖片轉(zhuǎn)換成base64上傳
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 這是新項(xiàng)目中把統(tǒng)計圖表導(dǎo)出到文檔的小功能,現(xiàn)在寫出來方便自己在往后遇到找到。
- 我們?yōu)槭裁匆褕D片轉(zhuǎn)換成base64代碼? base64是一種網(wǎng)絡(luò)上常用的8bit字節(jié)代碼的編碼方式,base64...
- 大家可能會注意到,網(wǎng)頁中類似: 那么這是什么呢?這是Data URI scheme。Data URI scheme...
- 可以把1.5M的壓縮到100Kb這樣哦,可以看到最后log,壓縮后的大小為100kb以內(nèi) github地址:htt...