前端部分
背景圖
<input type="file" @change="?onFileChange">
vue.js部分
在methods里添加
onFileChange(e) {varfiles = e.target.files || e.dataTransfer.files;if(!files.length)return;this.createImage(files[0]);? },createImage(file) {varimage =newImage();varreader =newFileReader();varvm =this;? reader.onload =(e) =>{? ? ? ? vm.image = e.target.result;? };? ? ? reader.readAsDataURL(file);},
那么提交時(shí)如何獲取呢诱桂?
在提交的方法里,通過 this.image 即可,獲取的圖片格式是圖片流格式,以
data:image