利用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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
JS文件中加载jquery.js的实例代码
May 05 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 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
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
隐藏你的.php文件的实现方法
2007/03/19 PHP
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
谈谈你对Zend SAPIs(Zend SAPI Internals)的理解
2015/11/10 PHP
PHP接口并发测试的方法(推荐)
2016/12/15 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
json2.js的初步学习与了解
2011/10/06 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
一系列Bootstrap导航条使用方法分享
2016/04/29 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
js中用cssText设置css样式的简单方法
2016/09/19 Javascript
vue中如何使用ztree
2018/02/06 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
python自定义解析简单xml格式文件的方法
2015/05/11 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python的sys.path模块路径添加方式
2020/03/09 Python
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
幼儿园教学管理制度
2014/02/04 职场文书
音乐幼师求职信
2014/07/09 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
董事长岗位职责
2015/02/13 职场文书
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL