利用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中的deferred对象和extend方法详解
May 08 jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 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手机短信验证码实现流程详解
2018/05/17 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
PHP守护进程实例
2015/03/06 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[01:54]TI珍贵瞬间系列(五):压力
2020/08/29 DOTA
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Random 在 Python 中的使用方法
2018/08/09 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
python字典按照value排序方法
2020/12/28 Python
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
材料采购员岗位职责
2013/12/17 职场文书
公司年会主持词
2014/03/22 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
公安学专业求职信
2014/07/27 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
书法社团活动总结
2015/05/07 职场文书
SQL基础的查询语句
2021/11/11 MySQL
Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法
2022/04/05 数码科技
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android