成都网站建设设计

将想法与焦点和您一起共享

jquery-file-upload怎么用-创新互联

这篇文章主要介绍jquery-file-upload怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务平武,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

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下应载入此文件解决跨域问题

官网事例:

jQueryFileUploadExample