form包含file通过ajax上传,通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求...

$(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参数进行序列化处理 这里必须false

contentType: false, //必须

success: function (result) {

alert("上传完成!");

},

})

})

})

【2】通过Ajax方式上传文件&lpar;图片&rpar;，使用FormData进行Ajax请求

HTML:

指定文件名: 

Ajax方式上传文件

用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 For ...

koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求

koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...

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

通过传统的form表单提交的方式上传文件:

Ajax方式上传文件报错&quot&semi;Uncaught TypeError&colon; Illegal invocation&quot&semi;

今天使用ajax上传文件时,出现了错误.数据传输的方式是通过定义formData完成的,提交的文件对象也设置为dom对象,但是还是不能发送请求.F12看到后台报了个错误:Uncaught TypeEr ...

上传文件 input file

//-----前端文件------- form id="uploadForm" enctype="multipart/form-data">

jquery即时获取上传文件input file文件名

截图:   代码:

jQuery Ajax方式上传文件实现暂停或取消上传

未上传时要实现取消,很简单... 但如果用户点击了上传,并加载了进度信息... 2017-05-04再次改进.在上传过程中用户可以按 Esc 来取消上传(取消当前上传,或者是全部上传)... 也可以在 ...

随机推荐

SQL Server 2008 阻止保存要求重新创建表的更改问题的设置方法

不是很理解为什么在2008中会加入阻止保存要求重新创建表的更改这个选项.症状表现为修改表结构的时候会"阻止"你.而且我遇到的情况是居然有的时候阻止你,有的时候不阻止你,摸不到头脑. ...

利用html5、websocket和opencv实现人脸检测 (二)

前一篇的代码在执行时,java.exe占用内存会快速上涨: 在4G内存电脑上,单个连接,会持续上涨到2G多,然后减到1G多,如此循环. 经过一些删减定位,可以确定问题由public byte[] pr ...

Git-Bash学习笔记

二.安装配置 在 Windows 平台上 安装包下载地址:http://msysgit.github.io/ 完成安装之后,就可以使用命令行的 git 工具(已经自带了 ssh 客户端)了,另外还有一 ...

理解 QEMU&sol;KVM 和 Ceph(2)：QEMU 的 RBD 块驱动(block driver)

本系列文章会总结 QEMU/KVM 和 Ceph 之间的整合: (1)QEMU-KVM 和 Ceph RBD 的 缓存机制总结 (2)QEMU 的 RBD 块驱动(block driver) (3)存 ...

knockout之入门介绍

Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript的前端UI简单化.Knockout是一个以数据模型(data model)为基础的能够帮助你创建丰富文本,响应显示和编 ...

python&lowbar;way day11 自定义线程池

python_way day11 线程池 为什么需要线程池 线程多一些固然好,但是过多的线程反倒影响系统的负荷,所以我们就需要创建合适多的线程,哪我们把线程放到哪里?这时就放到线程池中. 线程池中存放 ...

Block的引用循环问题 &lpar;ARC &amp&semi; non-ARC&rpar;

2010年WWDC发布iOS4时Apple对Objective-C进行了一次重要的升级:支持Block.说到底这东西就是闭包,其他高级语音例如Java和C++已有支持,第一次使用Block感觉满简单好 ...

Java&lowbar;字符类(Character、String、StringBuffer)&lowbar;char是基本数据类型，Character是其包装类型。

在java中有三个类负责对字符的操作:Character.String.StringBuffer.其中,Character类是对单个字符进行操作,String是对一个字符序列的操作,Stri ...

js动态改变css伪类样式

首先我们来看下页面上需要实现的基本效果,如下图所示: 因此我们可以使用如下js代码来试试看,是否能使用js改变伪类?如下代码所示: $(function() { $('.listnav li').cl ...

由m种数字组成的n位数有多少个

知乎链接 问题描述 我和我女朋友的QQ号都是九位数字,这九个数字是有七个不同的数字组成的,我想问这种概率是多大,我们是不是特别我看缘分呢?求大神给算一下概率! 思路 定义问题:由7种数字组成的9位数一 ...