圖片轉(zhuǎn)換成base64上傳

//  圖片上傳

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
    };
});
最后編輯于
?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容