通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求

<script type="text/jscript">$(function () {$("#btn_uploadimg").click(function () {var fileObj = document.getElementById("FileUpload").files[0]; // js 获取文件对象if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {alert("请选择图片");return;}var formFile = new FormData();formFile.append("action", "UploadVMKImagePath");  formFile.append("file", fileObj); //加入文件对象//第一种  XMLHttpRequest 对象//var xhr = new XMLHttpRequest();//xhr.open("post", "/Admin/Ajax/VMKHandler.ashx", true);//xhr.onload = function () {//    alert("上传完成!");//};//xhr.send(formFile);//第二种 ajax 提交var data = formFile;$.ajax({url: "/Admin/Ajax/VMKHandler.ashx",data: data,type: "Post",dataType: "json",cache: false,//上传文件无需缓存processData: false,//用于对data参数进行序列化处理 这里必须falsecontentType: false, //必须success: function (result) {alert("上传完成!");},})})})</script>

转载于:https://www.cnblogs.com/webqiand/p/8626521.html

通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求相关推荐

ashx获取input file 文件_通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求...
一直以来上传文件都使用的是别人的组件,今天看下无刷新上传内部具体的做法.上传文件可以使用form的形式来上传,也可以通过构造formData使用ajax来上传文件: 上传图片 $(function ( ...
jquery ajax java上传文件_jQuery Ajax方式上传文件的方法
jQuery Ajax方式上传文件用到两个对象第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...
koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求
koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...
通过$.Ajax()方式上传文件，使用FormData进行Ajax请求,应注意
首先, 在 http 中传输文件的问题.起初,http 协议中没有上传文件方面的功能,直到 rfc1867 为 http 协议添加了这个功能.当然在 rfc1867 中限定 form 的 method ...
Ajax方式上传文件报错Uncaught TypeError: Illegal invocation
今天使用ajax上传文件时,出现了错误.数据传输的方式是通过定义formData完成的,提交的文件对象也设置为dom对象,但是还是不能发送请求.F12看到后台报了个错误:Uncaught TypeEr ...
使用插件ajaxfileupload通过ajax方式上传文件，在火狐下出错
====================================================== 注:本文源代码点此下载 ================================= ...
转：vc中如何通过http的post方式上传文件
文章引自:http://blog.myspace.cn/e/404248359.htm vc中如何通过http的post方式上传文件 HTTP响应在接收和解释请求消息后,服务器会返回一个HT ...
php ajax xmlhttpreq 上传文件 get,使用jQuery Ajax异步上传文件方法总结
一使用FormData对象上传文件 FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单".但上传文件部分只有底 ...
ajax怎么上传文件？注意事项
ajax,即异步处理,相信程序员朋友们都会感觉到亲切吧,因为ajax在软件开发过程中实在是太常用了,还是有不少刚刚入门想学习软件开发的朋友可能不是很熟悉如何使用ajax,今天就一起来看看吧,怎样使用a ...

通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求

通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求相关推荐

最新文章

热门文章