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);
	}
});
相关推荐
来恩10033 天前
jQuery对Ajax的支持
前端·ajax·jquery
流年如夢5 天前
类和对象(中)
开发语言·javascript·ajax·ecmascript
努力成为AK大王6 天前
从前端到数据库:一个 Web 项目的完整通信链路解析
前端·数据库·ajax·jdbc
步十人9 天前
【JavaScript】通过AJAX技术让前端发请求到后端
javascript·ajax·okhttp
XiYang-DING9 天前
【Spring】 Ajax
spring·ajax·okhttp
小陈的进阶之路16 天前
Python系列课(11)——PySpark
开发语言·python·ajax
TANGLONG22217 天前
【C++】继承详解——基类/派生类、作用域、默认函数、菱形继承(超详细)
java·c语言·c++·经验分享·笔记·ajax
Bechamz18 天前
大数据开发学习Day31
大数据·学习·ajax
yqcoder20 天前
原生 AJAX 揭秘:如何使用 XHR 发起请求
前端·ajax·okhttp
2301_8156453821 天前
异步编程(axios)
ajax