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);
	}
});
相关推荐
magic 2453 小时前
模拟 AJAX 提交 form 表单及请求头设置详解
前端·javascript·ajax
lichenyang4531 天前
React ajax中的跨域以及代理服务器
前端·react.js·ajax
一只会跑会跳会发疯的猴子3 天前
ajax访问阿里云天气接口,获取7天天气
前端·ajax·okhttp
前端呆猿4 天前
AJAX、Axios 与 Fetch:现代前端数据请求技术对比
前端·javascript·ajax
这是个栗子6 天前
HTML(一)
javascript·ajax·css3·html5
難釋懷6 天前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo6 天前
Ajax入门
前端·ajax·okhttp
菥菥爱嘻嘻7 天前
JS手写代码篇---手写ajax
开发语言·javascript·ajax
難釋懷8 天前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
Lhuu(重开版8 天前
Vue:Ajax
vue.js·ajax·okhttp