ajax 上传文件实例,Ajax异步上传文件实例代码分享

非常不多说，直接给大家上干货，写的不好还请见谅。

具体代码如下所示：

Index

$(function() {

$(':button').click(function () {

var formData = new FormData();

var file = $("input[type='file']")[0].files[0];

formData.append("files", file);

$.ajax({

url: '/Upload/Upload', //server script to process data

type: 'POST',

//Ajax事件

//beforeSend: beforeSendHandler,

//success: completeHandler,

//error: errorHandler,

// Form数据

data: formData,

//Options to tell JQuery not to process data or worry about content-type

cache: false,

contentType: false,

processData: false

});

以上代码是小编给大家分享的Ajax异步上传文件实例代码，希望对大家有所帮助，如果大家有疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对我们网站的支持！

时间： 2016-06-03

ajax 上传文件实例,Ajax异步上传文件实例代码分享相关推荐

asp.net ajax聊天室,ASP.NET MVC4异步聊天室的示例代码
本文介绍了ASP.NET MVC4异步聊天室的示例代码,分享给大家,具体如下: 类图: Domain层 IChatRoom.cs using System; using System.Collecti ...
php异步上传,php中通过Ajax如何实现异步文件上传的代码实例
1:取得file对象 2:读取2进制数据 3:模拟http请求,把数据发送出去(这里通常比较麻烦) 在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据 ...
java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述文件请选择配置文件立即提交重置 js代码片段: //上传配置文件 $(&quo ...
ajax异步上传到又拍云的实例教程
作者:白狼出处:www.manks.top/article/async_upload_to_upyun 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否 ...
jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
Spring使用ajax异步上传文件
单文件上传  文件上传 :<input type="file" id="file" name="fi ...
ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件
现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...
jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍
一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...
php ajax xmlhttpreq 上传文件 get,使用jQuery Ajax异步上传文件方法总结
一使用FormData对象上传文件 FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单".但上传文件部分只有底 ...

ajax 上传文件实例,Ajax异步上传文件实例代码分享

ajax 上传文件实例,Ajax异步上传文件实例代码分享相关推荐

最新文章

热门文章