// 圖片上傳
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
};
});
圖片轉換成base64上傳
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關閱讀更多精彩內容
- 我們?yōu)槭裁匆褕D片轉換成base64代碼? base64是一種網絡上常用的8bit字節(jié)代碼的編碼方式,base64...
- 大家可能會注意到,網頁中類似: 那么這是什么呢?這是Data URI scheme。Data URI scheme...
- 可以把1.5M的壓縮到100Kb這樣哦,可以看到最后log,壓縮后的大小為100kb以內 github地址:htt...