您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍jquery-file-upload怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
jqueryfileupload介绍
jQueryFileUpload是一个非常优秀的上传组件，主要使用了XHR作为上传方式，并且利用了相当多的现代浏览器功能，所以可以实现诸如批量上传、超大文件上传、图片预览、拖拽上传、上传进度显示、跨域上传等功能。
他的功能非常强大，API也比较简单，如果能够熟练使用$.ajax的话，相信理解起来也不是多难的事，但是它的UI也会非常难用。个人建议，如果小的组件可以自己定义一套简单的UI，没必要使用那么复杂的东西。如果你一定要使用它的UI的话，建议你看一下定制jQueryFileUpload为微博式单文件上传
jQueryFileUpload的简化模型
jQueryFileUpload包含了一堆文件，首先需要弄清楚的是最核心的部分是哪些，官网已经给出了最简单的模型基本功能，一个最简单的jQueryFileUpload上传组件，必须包括以下文件：
jQuery库，建议jQuery1.8以上版本
js/vendor/jquery.ui.widget.js：jQueryUIWidget
js/jquery.iframe-transport.js：扩展iframe数据传输
js/jquery.fileupload.js：jQueryFileUpload核心类
js/cors/jquery.xdr-transport.js在IE下应载入此文件解决跨域问题
官网事例：
<!DOCTYPEHTML>
<html>
<head>
<metacharset="utf-8">
<title>jQueryFileUploadExample</title>
</head>
<body>
<inputid="fileupload"type="file"name="files[]"data-url="server/php/"multiple>
<scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<scriptsrc="js/vendor/jquery.ui.widget.js"></script>
<scriptsrc="js/jquery.iframe-transport.js"></script>
<scriptsrc="js/jquery.fileupload.js"></script>
<script>
以上是“jquery-file-upload怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。