圖片轉換成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
    };
});
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容