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);
	}
});
相关推荐
beijingliushao10 小时前
103-Spark之Standalone环境测试
大数据·ajax·spark
渴望成为python大神的前端小菜鸟8 天前
浏览器及其他 面试题
前端·javascript·ajax·面试题·浏览器
chilavert3189 天前
技术演进中的开发沉思-235 Ajax:动态数据(上)
javascript·ajax·okhttp
chilavert31812 天前
技术演进中的开发沉思-228 Ajax: Aptana开发
前端·javascript·ajax
士心凡12 天前
Spark
大数据·ajax·spark
beijingliushao12 天前
100-Spark Local模式部署
大数据·python·ajax·spark
by__csdn14 天前
Ajax与Axios终极对比指南全方位对比解析
前端·javascript·ajax·okhttp·typescript·vue·restful
by__csdn14 天前
Vue3+Axios终极封装指南
前端·javascript·vue.js·http·ajax·typescript·vue
唐古乌梁海14 天前
【AJAX】AJAX详解
前端·ajax·okhttp
Beginner x_u14 天前
从接口文档到前端调用:Axios 封装与实战全流程详解
前端·javascript·ajax·接口·axios