利用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源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery位置选择器用法实例分析
Jun 28 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 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
PHP实现支持SSL连接的SMTP邮件发送类
2015/03/05 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
将HTML自动转为JS代码
2006/06/26 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
2012/10/11 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
python中解析json格式文件的方法示例
2017/05/03 Python
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
Python实现进程同步和通信的方法
2018/01/02 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
经理助理岗位职责
2014/03/05 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
违纪检讨书
2015/01/27 职场文书
学习计划是什么
2019/04/30 职场文书