Javascript上傳圖片轉(zhuǎn)base64并預(yù)覽

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) {// 生成一個(gè)文件讀取的對(duì)象const reader = new FileReader();reader.onload = function (ev) {// base64碼var imgFile =ev.target.result;//或e.target都是一樣的document.querySelector("img").src= ev.target.result;}//發(fā)起異步讀取文件請(qǐng)求，讀取結(jié)果為data:url的字符串形式，reader.readAsDataURL(img.files[0]); }

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。