利用jQuery异步上传文件的插件用法详解


Posted in jQuery onJuly 19, 2017

现在想实现用ajax来上传文件的功能,但是却发现Jquery自带的ajax方法只能上传文件名,而不能上传文件;用form提交虽然能够上传文件,但是却要刷新页面。。。多方查找下找到了一个可用的jQuery插件,刚好可以满足异步上传文件的要求。

代码

jquery.form.js

用法

这个插件是基于表单提交的,我们只要正常的写一段提交文件的表单,如:

<form id="myForm" action="comment.php" method="post" enctype="multipart/form-data">
  <input type="file" name="name" />
  <input type="submit" value="Submit Comment" />
</form>

然后在js中加上如下代码:

<html>
<head>
  <script src="jquery.js"></script>
  <script src="jquery.form.js"></script>
  <script>
    $(document).ready(function() {
      $('#myForm').ajaxForm(function(data) {
        alert(data);
      });
    });
  </script>
</head>

这样就可以监听表单的提交事件,把它变成ajax传送到后台,然后将后台返回的信息从data中获取。如此一来就可以用ajax通信来传输文件了。

以上所述是小编给大家介绍的利用jQuery异步上传文件的插件用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
jquery实现企业定位式导航效果
Jan 01 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 #jQuery
jquery版轮播图效果和extend扩展
Jul 18 #jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 #jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 #jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 #jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 #jQuery
详解jQuery中关于Ajax的几个常用的函数
Jul 17 #jQuery
You might like
新52大事件
2020/03/03 欧美动漫
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
php之XML转数组函数的详解
2013/06/07 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
javascript 数组操作详解
2015/01/29 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
python获取图片颜色信息的方法
2015/03/18 Python
Python操作Excel之xlsx文件
2017/03/24 Python
Python数据集切分实例
2018/12/08 Python
python基于三阶贝塞尔曲线的数据平滑算法
2019/12/27 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
受欢迎的大学生自我评价
2013/12/05 职场文书
四年级数学教学反思
2014/02/02 职场文书
模特大赛策划方案
2014/05/28 职场文书
最新的离婚协议书范本!
2019/07/02 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
MySQL创建管理RANGE分区
2022/04/13 MySQL