Vue 上传前图片预览,获取宽高

<input type="file" name="file" ref="file" @change="fileChange" />
fileChange(e) {
  const files = e.target.files[0]
  // 判断是否支持FileReader
  if (!e || !window.FileReader) return
  const reader = new FileReader()
  // 转换
  reader.readAsDataURL(files)
  reader.onloadend = function() {
    const img = new Image()
    img.onload = function() {
      alert(this.width + ' ' + this.height)
    }
    img.src = this.result
  }
},

说点什么

avatar
  Subscribe  
提醒