通过ajax上传multipart文件
来源:互联网 发布:淘宝投诉电话人工服务 编辑:程序博客网 时间:2024/06/07 01:52
使用FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。
html:
<form id="uploadForm" enctype="multipart/form-data"> <input id="file" type="file" name="file"/> <button id="upload" type="button">upload</button></form>javascript:
$.ajax({ url: "/upload", type: 'POST', cache: false, data: new FormData($("#uploadForm")[0]), processData: false, contentType: false, success: function (result) { }, error: function (err) { }});这里要注意几点:
- processData设置为false。因为data值是FormData对象,不需要对数据做处理。
- <form>标签添加enctype="multipart/form-data"属性。
- cache设置为false,上传文件不需要缓存。
- contentType设置为false。因为是由<form>表单构造的FormData对象,且已经声明了属性enctype="multipart/form-data",所以这里设置为false。
0 0
- 通过ajax上传multipart文件
- 通过Ajax上传文件
- SpringMVC multipart文件上传
- SpringMVC multipart(文件上传)
- SpringMVC multipart文件上传
- SpringMVC multipart文件上传
- 通过Ajax方式上传文件
- FormData通过ajax上传文件
- WebAPI通过multipart/form-data方式同时上传文件以及数据(含HttpClient上传Demo)
- WebAPI通过multipart/form-data方式同时上传文件以及数据(含HttpClient上传Demo)
- WebAPI通过multipart/form-data方式同时上传文件以及数据(含HttpClient上传Demo)
- multipart/form-data 上传文件
- springmvc + multipart 实现文件上传
- 通过AJAX监控文件上传进度
- 通过iframe实现ajax方式上传文件
- 通过Ajax上传文件流,使用formdata
- 通过Ajax的方式上传文件
- 通过 http 协议上传文件(rfc1867协议概述) multipart/form-data;boundary 解释
- 2015-04-07 Summary Report
- 操作系统内核开发:使用Tab键进行窗口切换
- Visual Studio 2015注册码
- bzoj 1002 打表找规律(Matrix-tree 定理)+高精度
- VVDocuemnter-Xcode plugin could not work correctl
- 通过ajax上传multipart文件
- 如何解决failed to push some refs to git
- C#的引用类型和值类型
- NSTimer 在使用中需要注意的几个问题
- MIME TYPE的常用。
- UIScrollView被我忽略的一个属性
- 滚动条滚动到底部和顶部
- CORDOVA介绍
- 玩转spring boot——结合阿里云持续交付_0