Javascript上傳圖片轉base64并預覽

HTML：

<div><input type="file" id="myimg"onchange="imgChange(this)"accept="image/png,image/gif,image/jpeg"/><img width="300px" src="" alt=""></div>

JS

function imgChange(img) {// 生成一個文件讀取的對象const reader = new FileReader();reader.onload = function (ev) {// base64碼var imgFile =ev.target.result;//或e.target都是一樣的document.querySelector("img").src= ev.target.result;}//發起異步讀取文件請求，讀取結果為data:url的字符串形式，reader.readAsDataURL(img.files[0]); }

總結

以上是生活随笔為你收集整理的Javascript上传图片转base64并预览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。