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);
	}
});
相关推荐
集成显卡15 小时前
axios平替!用浏览器自带的fetch处理AJAX(兼容表单/JSON/文件上传)
前端·ajax·json
qingy_20462 天前
【JavaWeb】JSON介绍及入门案例
javascript·ajax·ecmascript
雪碧聊技术2 天前
01-Ajax入门与axios使用、URL知识
前端·javascript·ajax·url·axios库
Fetters042 天前
️️一篇快速上手 AJAX 异步前后端交互
ajax
蔚一2 天前
Javaweb—Ajax与jQuery请求
前端·javascript·后端·ajax·jquery
Jiaberrr3 天前
uniapp中使用原生ajax上传文件并携带其他数据,实时展示上传进度
前端·javascript·vue.js·ajax·uni-app
芒果披萨4 天前
Ajax异步调用
前端·javascript·ajax
scc21404 天前
spark的学习-04
学习·ajax·spark
MarisolHu4 天前
前端学习笔记-Ajax篇
前端·笔记·学习·ajax
2301_811212334 天前
React的概念以及发展前景如何?
css·ajax·前端框架·json·echarts·html5·easyui