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);
	}
});
相关推荐
Run Freely9379 小时前
Ajax-day2(图书管理)-弹框显示和隐藏
前端·javascript·ajax
xkroy1 天前
ajax
前端·javascript·ajax
元亓亓亓1 天前
JavaWeb--day3--Ajax&Element&路由&打包部署
android·ajax·okhttp
Yvonne爱编码1 天前
AJAX入门-URL、参数查询、案例查询
前端·javascript·ajax
lwprain2 天前
龙蜥8.10中spark各种集群及单机模式的搭建spark3.5.6(基于hadoop3.3.6集群)
大数据·ajax·spark
知识分享小能手2 天前
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)
前端·javascript·vue.js·学习·react.js·ajax·vue3
Yvonne爱编码3 天前
构建高效协作的桥梁:前后端衔接实践与接口文档规范详解
前端·git·ajax·webpack·node.js
William_cl3 天前
MVC 中 AJAX 与前后端交互深度实战(含独家避坑与场景化方案)
ajax·mvc·交互
Yvonne爱编码4 天前
AJAX入门-AJAX 概念和 axios 使用
前端·javascript·ajax·html·js
闯闯桑4 天前
Spark 中spark.implicits._ 中的 toDF和DataFrame 类本身的 toDF 方法
大数据·ajax·spark·scala