通过选择上传本地图片,将图片转成base64格式传递给后台
html
<div class="upload-file">
<span>选择文件</span>
<img src="" id="fileUrl" alt="" style="display: none;">
<input type="file" id="file" data-src="" class="img-input" multiple="multiple" @change="getFile">
</div>
js
getFile() {
const filePath = document.getElementById('file').files[0];
const reader = new FileReader();
reader.readAsDataURL(filePath);
reader.onload = () => {
const img = document.getElementById('fileUrl');
img.src = reader.result;
};
}
// 将url存入src才可通过获取dom获取到路径
const imgBase64 = $('#fileUrl')[0].src;
imgBase64作为参数传递给后台