plupload 在vue中的使用 以及m.upload.addEventListener is not a function

老规矩 先用NPM导入plupload

    "plupload": "^2.3.6",

在项目中

  import plupload from 'plupload'
      /**
       * 初始化上传插件
       */
      initPlUploader() {
        this.plUploader = new plupload.Uploader({
          runtimes: 'html5,flash,silverlight,html4',
          url: 'http://oss.aliyuncs.com',
          browse_button: 'pickfiles',
          filters: {
            mime_types: [
              { title: 'Image files', extensions: 'jpg,gif,png,bmp' }
            ],
            max_file_size: '10mb',
            prevent_duplicates: true
          },
          init: {
            FilesAdded: function(up, files) {
              console.log('有新文件添加至队列')
              up.start()
            },
            BeforeUpload: this.beforeUpload,
            UploadProgress: this.uploadProgress,
            FileUploaded: this.fileUploaded,
            Error: this.error
          }
        })
        this.plUploader.init()
      }

使用很简单,但是如果你和mock一同引入的时候会出现如下错误


plupload 在vue中的使用 以及m.upload.addEventListener is not a function_第1张图片
image.png

我的解除方法就是移除了mock的引入

你可能感兴趣的:(plupload 在vue中的使用 以及m.upload.addEventListener is not a function)