扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍了JQuery文件上传插件JQuery.upload.js怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
目前成都创新互联已为1000+的企业提供了网站建设、域名、虚拟空间、网站托管、服务器租用、企业网站设计、淄博网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
JQuery文件上传插件，这个插件很小，用法很简单，效果却很棒。
注意：JQuery版本要求1.8及以上，大家执行如果没效果，则检查JQuery版本，如果是1.8及以上，则该插件源码中的.size()需要替换为.length，在2019-12-30以后向我要源码的不用担心这个问题，已经修正了。
先看看效果图
是不是很简洁清爽，后台Java文件接收类就不贴了，都是一样的。
注意：为了简洁的接收上传文件的相关信息，后台凡是在涉及上传文件的实体类，都增加字段‘upload’。
1、HTML部分：
只需添加一行就行：
说明： action：接收文件的url，如action="/userinfo/upload" data-num：允许上传文件的数量，如data-num="2" data-type：允许上传文件的格式，如data-type="jpg,pdf,docx" data-size：单个文件的大小限制，单位KB，如data-size="10240"（10M） data-value：没上上传成功后，接收到的信息（其实没啥用） 另外：通过浏览器的开发者模式，可以看见每次操作时的源码格式如下（删除了无关紧要的代码）：