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);
	}
});
相关推荐
Hello.Reader4 小时前
Spark Connect 快速入门远程连接 Spark 集群实战
javascript·ajax·spark
进击的雷神1 天前
攻克JSON接口分页与对象数组处理:基于AJAX数据源的精准博客爬虫设计
爬虫·ajax·json·spiderflow
gCode Teacher 格码致知3 天前
Javascript提高:Promise、Fetch、Axios、XHR、jQuery AJAX 完整对比-由Deepseek产生
javascript·ajax·jquery
星轨初途4 天前
类和对象(中):六大默认成员函数与运算符重载全解析
开发语言·c++·经验分享·笔记·ajax·servlet
Dxy12393102164 天前
Ajax如何发送列表数据
前端·ajax·okhttp
96775 天前
AJAX和Axios理解和关系
前端·ajax·okhttp
En^_^Joy6 天前
Ajax与Axios:现代前端异步请求指南
前端·javascript·ajax
必胜刻7 天前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
未完成的歌~10 天前
前端 AJAX 详解 + 动态页面爬虫实战思路
前端·爬虫·ajax