Web Uploader内部类的详细说明,以下提及的功能类,都可以在WebUploader这个变量中访问到。
As you know, Web Uploader的每个文件都是用过AMD规范中的define组织起来的, 每个Module都会有个module id. 默认module id为该文件的路径,而此路径将会转化成名字空间存放在WebUploader中。如:
module base:WebUploader.Base
module file: WebUploader.File
module lib/dnd: WebUploader.Lib.Dnd
module runtime/html5/dnd: WebUploader.Runtime.Html5.Dnd
以下文档中对类的使用可能省略掉了WebUploader前缀。
Uploader
new Uploader( opts ) ⇒ Uploader
上传入口类。
var uploader = WebUploader.Uploader({
swf: 'path_of_swf/Uploader.swf',
// 开起分片上传。
chunked: true
});
参数说明
dnd {Selector} [可选] [默认值:undefined]
指定Drag And Drop拖拽的容器,如果不指定,则不启动。
disableGlobalDnd {Selector} [可选] [默认值:false]
是否禁掉整个页面的拖拽功能,如果不禁用,图片拖进来的时候会默认被浏览器打开。
paste {Selector} [可选] [默认值:undefined]
指定监听paste事件的容器,如果不指定,不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为document.body.
pick {Selector, Object} [可选] [默认值:undefined]
指定选择文件的按钮容器,不指定则不创建按钮。
id {Seletor|dom} 指定选择文件的按钮容器,不指定则不创建按钮。注意 这里虽然写的是 id, 但是不是只支持 id, 还支持 class, 或者 dom 节点。
label {String} 请采用 innerHTML 代替
innerHTML {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
multiple {Boolean} 是否开起同时选择多个文件能力。
accept {Arroy} [可选] [默认值:null]
指定接受哪些类型的文件。 由于目前还有ext转mimeType表,所以这里需要分开指定。
title {String} 文字描述
extensions {String} 允许的文件后缀,不带点,多个用逗号分割。
mimeTypes {String} 多个用逗号分割。
如:
{
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
}
thumb {Object} [可选]
配置生成缩略图的选项。
默认为:
{
width: 110,
height: 110,
// 图片质量,只有type为`image/jpeg`的时候才有效。
quality: 70,
// 是否允许放大,如果想要生成小图的时候不失真,此选项应该设置为false.
allowMagnify: true,
// 是否允许裁剪。
crop: true,
// 为空的话则保留原有图片格式。
// 否则强制转换成指定的类型。
type: 'image/jpeg'
}
compress {Object} [可选]
配置压缩的图片的选项。如果此选项为false, 则图片在上传前不进行压缩。
默认为:
{
width: 1600,
height: 1600,
// 图片质量,只有type为`image/jpeg`的时候才有效。
quality: 90,</