温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery-file-upload怎么用

发布时间:2021-09-28 14:00:02 来源:亿速云 阅读:113 作者:小新 栏目:开发技术

这篇文章主要介绍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怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI