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);
	}
});
相关推荐
BD_Marathon5 天前
Spark数据源
大数据·ajax·spark
zzx2006__15 天前
Ajax➕node.js➕webpack
ajax·webpack·node.js
南川琼语17 天前
HTTP——AJAX
前端·javascript·ajax
肖志-AI全栈19 天前
从零讲透 Ajax:XHR、Fetch、JSON 序列化到异步编程全链路
前端·ajax·json
年轻的砖头1 个月前
以Ajax方式提交整个表单
前端·javascript·ajax
之歆2 个月前
Ajax 基础技术深度解析:XHR 从入门到跨域
前端·ajax·okhttp
之歆2 个月前
Ajax 进阶:跨域、CORS、JSONP 与请求封装实战
前端·javascript·ajax
sugar__salt2 个月前
前端Ajax核心原理与实战:从异步机制到接口请求全解析
前端·javascript·ajax
YHHLAI2 个月前
Ajax — 异步数据交互
ajax·okhttp·交互