js图片压缩（vue）

前端压缩图片js方法（vue调用）

1.方法一：
入参input 文件

  imgPreview (file, type) {
      const self = this
      // 看支持不支持FileReader
      console.log('start-imgPreview')
      if (!file || !window.FileReader) return
      const reader = new FileReader()
      // 将图片2将转成 base64 格式
      reader.readAsDataURL(this.dataURItoBlob(file.content))
      // 读取成功后的回调
      reader.onloadend = function () {
        // 此处的this是reader
        const result = this.result
        const img = new Image()
        // console.log(result,'2222222222222')
        img.src = result
        // 判断图片是否大于500K,是就直接上传，反之压缩图片
        if (this.result.length <= 500 * 1024) {
          file.content = result
        } else {
          img.onload = function () {
            const data = self.compress(img)
            file.content = data
            const fileObject = {
              content: