vue.js上传图片

前端部分

背景图

<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