ajax上传文件

背景

采用ajax传递表单内容和上传的文件

实现原理

使用FormData模拟表单数据,实现异步上传图片

代码

javascript 复制代码
var formData = new FormData();
formData.append("serviceId", param.serviceId);
formData.append("keyId", param.keyId);
formData.append("stampAlias", param.stampAlias);
var sealFile = document.getElementById("sealFile").files[0];
formData.append("sealFile", sealFile);
$.ajax({
	url : prefix + "/add",
	data : formData,
	type : "POST",
	dataType : "json",//返回值是json
	processData : false,//jQuery不要去处理发送的数据
	contentType : false,//jQuery不要去设置Content-Type请求头
	beforeSend: function () {
    	        	$.modal.loading("正在处理中,请稍候...");
    	        },
	success : function(data) {
		importSuccess(data);
	}
});
相关推荐
magic 24512 小时前
AJAX get请求如何提交数据呢?
前端·javascript·ajax
酷爱码13 小时前
jQuery Ajax中dataType 和 content-type 参数的作用详解
ajax·okhttp·jquery
i1yo_kiki14 小时前
Ajax快速入门教程
前端·javascript·ajax
我是大头鸟2 天前
SpringMVC 通过ajax 实现文件的上传
前端·javascript·ajax
Jacky-0082 天前
ajax post请求 解决自动再get请求一次
前端·javascript·ajax
Dontla3 天前
《黑马前端ajax+node.js+webpack+git教程》(笔记)——node.js教程+webpack教程(nodejs教程)
前端·ajax·node.js
Dontla4 天前
《黑马前端ajax+node.js+webpack+git教程》(笔记)——ajax教程(axios教程)
前端·ajax·node.js
声声codeGrandMaster4 天前
Django框架的前端部分使用Ajax请求一
前端·后端·python·ajax·django
穗门永存4 天前
Ajax+BootStrap实现分页
ajax·okhttp·bootstrap