JQuery文件上传插件JQuery.upload.js怎么用-创新互联
这篇文章主要介绍了JQuery文件上传插件JQuery.upload.js怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
10年积累的网站设计制作、
网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先
做网站设计后付款的网站建设流程，更有
佛坪免费网站建设让你可以放心的选择与我们合作。
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：没上上传成功后，接收到的信息（其实没啥用）
另外：通过浏览器的开发者模式，可以看见每次操作时的源码格式如下（删除了无关紧要的代码）：
我国道路运输信息化建设现状与发展对策.pdf
2015-07-15_信息技术研发部项目补贴的申请.docx
注意：name=‘upload’的表单，实际上传的形如：D:\uploadfile\201811\img20181101164635272.doc,D:\uploadfile\201811\img20181101164643973.pdf,我们的检测装置示意图及待检测的振动说明.doc,我国道路运输信息化建设现状与发展对策.pdf
2、JS部分：
只有一行：$("#case").upload();
为了同时把原文件名和服务器上保存该文件的全路径，需要在提交保单前，增加如下代码，以便通过name="upload"来传递文件原名称和保存路径（只针对文件，图片没有原文件名称）
$(".filename").each(function(){
$("[name=upload]").val($("[name=upload]").val()+','+$(this).html());
});感谢你能够认真阅读完这篇文章，希望小编分享的“JQuery文件上传插件JQuery.upload.js怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
分享文章：JQuery文件上传插件JQuery.upload.js怎么用-创新互联
文章转载：
http://kswjz.com/article/dgohhg.html
