美文网首页
vue前端上传组件(Plupload)

vue前端上传组件(Plupload)

作者: LiangKK | 来源:发表于2019-06-06 10:12 被阅读0次

使用方法有以下步骤:

1,引入js文件

2,实例化plupload对象(我们的项目中还会引用一个uploadImagesBox这个全局的盒子来装这,就是要给一个删除的按钮他并且设置样式)

3,创建完对象一样用init()这个方法来进行一个初始化

4,在pluploda实例对象上注册你想要的事件,例如从打开到选择到上传到上传完毕之后的一系列步骤过程中,会触发很多事件,就是通过事件来进行一个plupload的交互

5,第五步就是来写注册好的事件监听函数了,利用函数来进行一个业务需求的修改或者增加一个需求等的操作了。

代码演示

//实例化对象

Var uploader = new plupload.Uploader({

//里面就是写一些你需求的参数

url :(后台的地址URL)

等等。。。。。。。。。。。。。。。。。。。。

//初始化(初始化下面的步骤可以用点语法来直接操控实例,我这样写法也可以方便点偷懒而已)

init(

//绑定各种事件

XXX:function(xxx,xxx)

{

   //里面可以写一些就是自己需要形参啊或者什么东西的修改界面的方法之类的

}

)

//注册事件(例如一个按钮点击)

Document.getelementById(“Btn”).onclick= function(){

//里面写一些停止上传啊,或者关闭窗口的业务需求了

}

});

相关文章

网友评论

      本文标题:vue前端上传组件(Plupload)

      本文链接:https://www.haomeiwen.com/subject/jydyxctx.html