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);
	}
});
相关推荐
麒麟而非淇淋20 小时前
AJAX 入门 day3
前端·javascript·ajax
麒麟而非淇淋1 天前
AJAX 入门 day1
前端·javascript·ajax
麒麟而非淇淋3 天前
AJAX 进阶 day4
前端·javascript·ajax
+码农快讯+3 天前
JavaScript 基础 - 第17天_AJAX综合案例
开发语言·javascript·ajax
+码农快讯+3 天前
JavaScript 基础 - 第16天_AJAX入门
javascript·ajax·okhttp
小刘|5 天前
Ajax 使用流程详解
前端·javascript·ajax
傻虎贼头贼脑6 天前
day19JS-AJAX数据通信
前端·javascript·ajax
aehrutktrjk6 天前
如何从大型语言模型(LLM)流式响应
python·microsoft·ajax·语言模型
wu1113_6 天前
SSMP+ajax实现广告系统的分页效果
java·ajax·maven·mybatis·ssm
加勒比海涛7 天前
Ajax 揭秘:异步 Web 交互的艺术
前端·ajax·交互