介绍 & lt; body>
& lt;才能div id=皍ploader"比;
,,,& lt; p> Your browser 并# 39;t have Flash,, Silverlight 或是HTML5 支持灵活;/p>
& lt;才能/div>
& lt;才能script 类型=拔谋?javascript"比;
美元才能(函数(){
,,,(“# uploader")美元.plupload ({
,,,,,运行时:,& # 39;html5, flash, silverlight, html4 # 39;//这里可以不写,plupload默认支持
,,,,,url:,“UploadPhotoServlet",//上传后台请求路径
,,,,,max_file_size:, & # 39; 1000 mb # 39;//用来限制单个文件大小的
,,,,,multi_selection:,真的,//默认支持多文件上传,假不支持
,,,,,chunk_size:, & # 39; 0 & # 39;//是否将上传文件进行分片,0代表是不分
,,,,,/*调整配置是对图片的处理
,,,,,,,可以使用该参数对将要上传的图片进行压缩,该参数是一个对象,里面包括5个属性:宽度:指定压缩后图片的宽度,如果没有设置该属性则默认为原始图片的宽度
,,,,,,,高度:指定压缩后图片的高度,如果没有设置该属性则默认为原始图片的高度
,,,,,,,作物:是否裁剪图片
,,,,,,,质量:压缩后图片的质量,只对jpg格式的图片有效,默认为90.质量可以跟宽度和高度一起使用,但也可以单独使用,单独使用时,压缩后图片的宽高不会变化,但由于质量降低了,所以体积也会变小
,,,,,,,preserve_headers:压缩后是否保留图片的元数据,真正为保留,假为不保留,默认为真的。删除图片的元数据能使图片的体积减小一点点
,,,,,,,调整参数的配置示例如下:
,,,,*/,,,,,/*,resize :, {
,,,,,,,宽度:,200年,
,,,,,,,,身高:200年,
,,,,,,,质量:,90年,
,,,,,,,作物:真实
,,,,,},*/,,,,,/*,重命名,,真的,,*///允许多队列文件进行重命名
,,,,,/*,可分类的:,真的,*/,//启用队列中的文件排序功能,更改上传优先级
,,,,,/* dragdrop:,真的,,*/,//开启拖拽上传,默认真
,,,,/*
,,,,,,,下面是展示右边的缩略图和列表,两个功能
,,,,,,,默认显示缩略图
,,,,*/,,,,,的观点:,{
,,,,,,,:列表,真的,
,,,,,,,笨手笨脚的,,真的,,//Show 拇指
,,,,,,,活跃:,& # 39;拇指# 39;
,,,,,},
,,,,/*
,,,,,,,flash 和,xap 上传需要的文件
,,,,*/,,,,,flash_swf_url :, & # 39; plupload/js/Moxie.swf& # 39;
,,,,,silverlight_xap_url :, & # 39; plupload/js/Moxie.xap& # 39;
,,,});
})才能
& lt;/script>
& lt;/body> & lt; head>
& lt;才能meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=UTF-8"比;
& lt;才能script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" plupload/js/jquery.js ">
这篇文章给大家介绍如何在jQuery中使用Plupload上传插件,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
,首先下载Plupload
因为Plupload可配置参数比较多,所以这里讲解最常用的,结合jQuery ui展示的界面!如下:
Plupload默认支持html5, flash, silverlight, html4,四种上传方式,按照顺序进行加载,如果浏览器不支持html5则会选择闪光…到最后html4,
如果不需要某种上传方式,在配置里面不写即可。
,直接上代码
在官方文档有这样一句话
,也就是说,UI。Plupload需要jQuery ui的支持,http://jqueryui.com/download/选择合适的主题,我选的是这个
完整的引入文件是
