Plupload 文件上传 跨域

前端文件上传组件Plupload使用实例(Java后台)

与世无争的帅哥 提交于 2019-11-29 22:38:42
近期工作中,需要给公司框架写一个文件上传组件(公司之前的文件上传组件实在是不忍直视)。在网络上Google了一番,最终选择了Plupload上传控件作为插件,下面详细介绍一下开发流程以及踩过的坑。 Plupload是一个相当有特点的文件上传插件,主要功能和特点有: 1.Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。其支持H5,flash、silverlight以及传统的<input type=”file” />等上传方式,既不会落于潮流之后,也不会对一些低版本或者老系统不兼容的情况出现。 2.支持把大文件切割成小片进行上传,因为有些浏览器对很大的文件比如几G的一些文件无法上传。 3.支持多种后台支持,官方的API以及demo都是PHP的(这也给我在进行Java后台的开发中带来很多痛苦)。 4.支持以拖拽的方式来选取要上传的文件,支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩 5.可以直接读取原生的文件数据,这样的好处就是例如可以在图片文件还未上传之前就能把它显示在页面上预览 以上的第四点以及第五点在我的demo中并没有体现出来,因为我的功能不需要使用。想要使用的可以自己修改。 前端代码如下: 我的前端文件结构如下: 其中jQuery.tips.js为进度条的插件,看官们可以忽略,红色箭头标记的是你需要引用的文件