vue中如何预览上传的图片

600 阅读1分钟

vue中,通过input的change事件,上传图片后拿到blobData放入src即可预览,代码如下


  <input type="file" hidden ref="file" @change="onFileChange" />
  
   const file = this.$refs.file
   const blobData = window.URL.createObjectURL(file.files[0])