先下载plupload-http://www.plupload.com
因为Plupload的可配置参数很多,这里就解释一下结合jquery-ui最常用的界面!以下:
Plupload默认支持html5、flash、Silverlight和html4,并按顺序加载。如果浏览器不支持HTML5,会选择Flash.到HTML4。
如果不需要一些上传方法,就不要写在配置里!
直接编码
body div id='uploader' pYour浏览器不支持Flash、Silverlight或HTML5。/p /div脚本类型=' text/JavaScript ' $(function(){ $(' # uploader ')。plupload({ runtimes 3360 ' html 5,flash,silverlight,Html4 ',//不可以在这里写。默认情况下,plupload支持URL :' UploadPhotoservlet '。//上传后台请求路径Max _ file _ size:' 1000 MB '。//Multi _ selection3360 True用于限制单个文件的大小。//默认支持多文件上传。不支持true chunk _ size :“0”。//是否对上传的图片进行切片假,0表示不进行分割/*调整大小配置是对图片进行处理。您可以使用此参数来压缩要上传的图片。这个参数是一个对象,包括五个属性:宽度:指定压缩图片的宽度。如果未设置此属性,则默认为原始图片的宽度。height:指定压缩图片的高度。如果未设置此属性,则默认为原始图片的高度。裁剪:裁剪图片质量:压缩图片的质量。它只对jpg格式的图片有效。默认值为90。质量可以与宽度和高度一起使用,但也可以单独使用。单独使用时,压缩图片的宽度和高度不会改变,但由于质量降低,体积也会减小。preserve_headers:压缩后是否保留图片的元数据,如果为真,如果为假,如果不是,默认为真。删除图片的元数据可以稍微缩小图片的大小。resize参数的配置示例如下:*/* resize : { width : 200,height : 200,quality : 90,crop : true},*/* rename 3360 true,*///允许多队列文件重命名/* sortable: true,*///启用队列中的文件排序功能,更改上传优先级/* dragdop : true,*///开启拖放上传。默认情况下为True显示以下两个功能:右侧的缩略图和列表。默认情况下显示缩略图*/视图: {列表:为真,缩略图:为真,//显示缩略图: '缩略图3360'}。/* flash和xap上传所需的文件*/* flash _ swf _ URL : ' plupload/js/moxie . swf ',Silverlight _ xap _ URL 3360 ' plupload/js/moxie . xap ' });})/脚本/正文在公文中有这样一句话
也就是说UI。Plupload需要jquery-ui的支持,http://jqueryui.com/download/选择了合适的主题。我选择了这个。
完整的导入文件是
head meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '脚本类型=' text/JavaScript ' src=' http : plupload/js/jquery . js '/脚本脚本脚本类型=' text/JavaScript ' src=' http : plupload/js/jqueryui/jquery-ui . min . js '/脚本链接rel='样式表' href=' plupload/js/jqueryui/jquery-ui . min . CSS ' rel=' externano follow
常见问题:
1.如果通过点击选择文件按钮发现文件框弹出非常慢,可以删除过滤文件代码!根据具体情况,自己定
filter s : { mime _ types :[//只允许上传图片和zip文件{title :' image files ',扩展名3360' jpg,gif,png'},{ title : ' zip files。扩展名:' zip'}],max _ file _ size :' 400kb '。//最多只能上传400 KB的文件。防止重复3360 True//不允许选择重复文件。}您可以使用此参数来限制上传文件的类型和大小。此参数作为对象传入。它包括三个属性:用于限制上传文件类型的mime_types是一个数组,数组的每个元素都是一个对象。对象有两个属性:title是过滤器的名称,extensions是文件扩展名,当有多个时,用逗号分隔。默认情况下,此属性是一个空数组,即没有限制。
Max_file_size:用于限制上传文件的大小。如果文件量超过此值,则无法选择。该值可以是B中的数字,也可以是由数字和单位组成的字符串,例如“200kb”
防止重复:是否允许选择重复文件。如果为真,则不允许;如果为假,则允许;默认值为false。如果两个文件具有相同的文件名和大小,它们将被视为重复文件
2.如果后台使用文件名接收文件,并且附加了附加参数
需要设置两个附加参数
File _ data _ name:' uploadfile '。//上传文件时指定文件字段的名称。默认为文件。例如,在php中,您可以使用$_FILES['file']来获取上传的文件信息。/*调整大小: {宽度3360 200,高度: 200,质量: 90,裁剪: true//裁剪到精确尺寸},*/multipart _ params 3360 {//上传时的附加参数,以键/值对的形式传入。在服务器端,可以使用$_POST获取这些参数(以php为例),'前缀名' :' magazine'}。3.与easyui、extjs等UI库集成时,导入到Plupload的文件必须在从easyui导入的文件之前,否则easyui会出现一些奇怪的错误!
好了,这里基本完成了plopload的使用。http://www.phpin.net/tools/plupload/,《普洛普洛德》的中文参考文献,
本文只介绍了ploplopload的基本选项,一些高级UI用法需要参考。
http://www.plupload.com/docs/v2/UI.Plupload #构造函数-方法
以上是边肖介绍的jQuery Plupload插件的使用。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!