返回

上传组件Plupload的使用

发布时间:2022-10-26 08:36:42 568
# 前端# 信息

Plupload的上传特点:

1. 支持多种方式上传:HTML5、flash、SilverLight和<input type=”file”/>,plupload会自动判断当前的运行环境,选择最佳的上传方式,优先使用HTML5方式。

2. 支持拖拽上传文件。

3. 支持前端压缩图片。

4. 支持图片预览。

5. 支持分片上传。

Plupload的使用方法:

1. 引入plupload.js文件。

2. 实例化plupload对象,传入配置参数。

3. 调用plupload实例对象的init()方法进行初始化。

4. 在plupload实例对象上注册需要的事件。

5. 实现事件回调函数。

上传组件Plupload的使用_上传文件

Plupload的配置参数(部分):

属性

类型

说明

chunk_size

Number/String

分片大小,为数字时单位是字节,为0时表示不分片,也可以是带单位的字符串。

multipart_params

Object

上传时的附加参数。

multipart

Boolean

为true将以multipart/form-data的形式上传文件,为false则以二进制的格式上传文件。

headers

Object

设置自定义头信息。

filters

Object

限制文件类型、大小、是否重复上传。

url

String

服务端接收地址。

browse_button

String/DOM

触发文件选择对话框的DOM元素。

Plupload的事件(部分):

Init:当plupload初始化完成后触发。

UploadFile:当上传队列中某一个文件开始上传后触发。

UploadProgress:会在文件上传过程中不断出发,可以显示上传进度。

FileUploaded:当队列中的某一个文件上传完成后触发。

Error:当发生错误时触发。

Destroy:当调用destroy方法时触发。

ChunkUploaded:当使用文件小片上传功能时,每一个小片上传完成后触发。

Plupload实例属性:

Id:plupload实例的id。

state:当前的上传状态,可能的值plupload.STARTED或plupload.STOPPED。

runtime:当前使用的上传方式。

files:当前的上传队列。

settings:当前的配置参数。

total:表示总体进度信息。

以上就是CRMEB本次分享上传组件Plupload使用的所有内容了!有不懂的地方可以在下方留言

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
Linux 命令:mkdir 2022-10-26 08:21:01