关于图片上传,不上传服务器,实现预览

先贴核心代码

var imgurl = this.$refs.filee.files[0];  //获取input[type file]    也就是后台需要的值
this.uploadImgUrl = this.getObjectURL(imgurl);
var reader = new FileReader();   
reader.onloadend = function(e){
  document.getElementById('addImg').src = e.target.result;   
}
reader.readAsDataURL(imgurl);
 
getObjectURL (file) {  //
  let url = null ;
  if (window.createObjectURL!=undefined) { // basic
    url = window.createObjectURL(file) ;
  }else if (window.URL!=undefined) { // webkit or chrome
    url = window.URL.createObjectURL(file) ;
  }else if (window.URL!=undefined) { // mozilla(firefox)
    url = window.URL.createObjectURL(file) ;
  }
  return url ;
},
posted @ 2018-07-09 17:59  徐言身寸  阅读(407)  评论(0)    收藏  举报