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);
	}
});
相关推荐
星秀日11 小时前
JavaWeb--Ajax
前端·javascript·ajax
小小星尘s16 小时前
Python编程实战从基础到高级的完整指南
ajax
我是大头鸟4 天前
XMLHttpRequest 异步请求servlet 上传文件并且带有参数
ajax·servlet
梦6506 天前
JQ 的 AJAX 请求方法
前端·ajax
Thomas21439 天前
spark pipeline 转换n个字段,如何对某个字段反向转换
大数据·ajax·spark
linuxxx11010 天前
ajax() 回调函数参数详解
前端·ajax·okhttp
keep_di10 天前
05-vue3+ts中axios的封装
前端·vue.js·ajax·typescript·前端框架·axios
郝学胜-神的一滴11 天前
QAxios研发笔记(一):在Qt环境下,构建Promise风格的Get请求接口
开发语言·c++·spring boot·qt·ajax·前端框架·软件工程
你的电影很有趣12 天前
lesson70:jQuery Ajax完全指南:从基础到4.0新特性及现代替代方案引言:jQuery Ajax的时代价值与演进
javascript·ajax·jquery
linuxxx11013 天前
ajax与jQuery是什么关系?
ajax·okhttp·jquery