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);
	}
});
相关推荐
渣渣盟3 天前
Spark 性能调优实战:从开发到生产落地
javascript·ajax·spark
Bechamz4 天前
大数据开发学习Day23
大数据·学习·ajax
ppandss15 天前
JavaWeb从0到1-DAY4-AJAX
前端·ajax·okhttp
布局呆星8 天前
Vue3+TS封装Axios请求全攻略
前端·javascript·ajax·typescript
djk888811 天前
layui zTree 控件 AJAX绑定 点击tree事件 获取tree值
ajax·okhttp·layui
吴声子夜歌14 天前
Vue3——使用axios实现Ajax请求
前端·javascript·ajax·axios
研☆香14 天前
聊聊什么是AJAX
前端·ajax·okhttp
.Cnn15 天前
Ajax与Vue 生命周期核心笔记
前端·javascript·vue.js·笔记·ajax
xiaoyaohou1124 天前
025、分布式计算实战:Spark Core与Spark SQL
sql·ajax·spark
Henb92924 天前
# Spark 内核级调优源码分析
大数据·ajax·spark