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);
	}
});
相关推荐
江沉晚呤时2 天前
C# 状态模式深度解析:构建灵活的状态驱动系统
开发语言·javascript·数据库·ui·ajax·c#·ecmascript
九筠3 天前
python网络爬虫开发实战之Ajax数据提取
前端·爬虫·ajax·网络爬虫
jakeswang6 天前
查询条件与查询数据的ajax拼装
前端·ajax
十六ᵛᵃᵉ8 天前
day6_FlinkSQL实战
java·redis·ajax
微臣愚钝9 天前
【12】Ajax的原理和解析
前端·javascript·ajax
weixin_4435669810 天前
39-Ajax工作原理
前端·ajax
东东__net11 天前
26_ajax
前端·javascript·ajax
最初@14 天前
el-table + el-pagination 前端实现分页操作
前端·javascript·vue.js·ajax·html
微臣愚钝14 天前
【13】Ajax爬取案例实战
前端·javascript·ajax
坐望云起15 天前
ASP.NET Web的 Razor Pages应用,ajax调用记录以及Cookie配置
前端·ajax·asp.net·cookie·xsrf/csrf