mmhk / vue-plupload

vue-plupload

将 plupload 封装进 Vue 1.*。

栗子

请参考 docs目录。 Demo

使用

• 直接script引用，请直接引用 dist 目录下的文件。

• CommonJS 方式

  • js引入

    var vue = require("vue");
    var VuePluload = require("vue-plupload");
    vue.use(VuePluload);

  • 模版中引用，

  <vue-plupload></vue-plupload>

• RequireJS方式

  • config:

  requirejs.config({
      "vue-plupload": "[你本地的vue-plupload引用路径]"
  })

  • js引入

  require(["vue", "vue-plupload"], function(Vue, VuePlupload){
      Vue.use(VuePlupload);
  })

  • 模版中引用，

  <vue-plupload></vue-plupload>

参数

• class, 覆盖上传按钮的默认Class
• text， 覆盖上传安妮的默认文字
• options， plupload的默认参数，参考：http://www.plupload.com/docs/v2/Uploader 其中，browse_button,PostInit,FilesAdded,UploadProgress,FileUploaded,Error 这些参数及事件已经内部设置，无法覆盖。

事件

组件默认会发送如下事件，与plupload默认事件一一对应。

• init, 对应plupload 事件 PostInit。
• added, 对应plupload 事件 FilesAdded。
• progress, 对应plupload 事件 UploadProgress。
• uploaded, 对应plupload 事件 FileUploaded。
• error, 对应plupload 事件 Error。

属性

组件暴露 一个属性 uploader 指向所创建的 plupload 实例。

vue-plupload's Issues

请问：如何在回调函数里传参？

html页面

<vue-plupload @added="handleAdded" @progress="handleProgress" @error="handleError" @uploaded="handleUploaded(xxxx)" :options.sync="uploadOpt"></vue-plupload>

js

new vue({
   methods: {
      handleUploaded: function(xxx) {
          // code
      }
   }
});

问题：
这里的xxx确实是有传参了,且有值。但是self.$emit("uploaded", up, file, result)第113行里的三个回调参数丢失了。

Vue to "vue": "^2.1.0"?

Hello, This is nice work, although I can't understand chinese
Would you please upgrade the Vue to "vue": "^2.1.0"?

Thanks

domException 12 when calling plupload.start()

hi, thanks for your work.

I have issue when working with this package on docker container. somehow, it's not works.

the error say I have domException 12. when I check, that error occured when I try to call plupload.start within my component.

this issue not occured when Im using apache on xampp but did on my laradock with nginx and mysql.
please help. thank you