前端部分
背景图
<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);},
那么提交时如何获取呢？
在提交的方法里，通过 this.image 即可，获取的图片格式是图片流格式，以
data:image
