我想将本地图像转换为base64。该reader.readAsDataURL不起作用。我总是对rawImg var不确定。文件var的值是我尝试上传的文件中的元数据。
HTML:
<input
type="file"
accept="image/jpeg/*"
@change="uploadImage()"
/>
JS:
uploadImage() {
const file = document.querySelector('input[type=file]').files[0]
const reader = new FileReader()
const rawImg = reader.readAsDataURL(file)
console.log(file)
console.log(rawImg)
}
如果您直接从设置图像,它将不起作用readAsDataURL
,它将undefined
始终返回。而是使用onloadend
事件:
const file = document.querySelector('input[type=file]').files[0]
const reader = new FileReader()
let rawImg;
reader.onloadend = () => {
rawImg = reader.result;
console.log(rawImg);
}
reader.readAsDataURL(file);
console.log(file)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句