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);
	}
});
相关推荐
Qrun2 天前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5
爱怪笑的小杰杰4 天前
浏览器端缓存地图请求:使用 IndexedDB + ajax-hook 提升地图加载速度
ajax·okhttp·缓存
没有故事、有酒4 天前
Ajax介绍
前端·ajax·okhttp
朝新_4 天前
【SpringMVC】详解用户登录前后端交互流程:AJAX 异步通信与 Session 机制实战
前端·笔记·spring·ajax·交互·javaee
咖啡の猫4 天前
vue 项目中常用的 2 个 Ajax 库
vue.js·ajax·okhttp
咖啡の猫5 天前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
.生产的驴6 天前
React 路由权限跳转 Token判断 路由控制 登录状态控制
前端·javascript·react.js·ajax·前端框架·c#·ecmascript
沐雨橙风ιε9 天前
防止表单重复提交功能简单实现
java·spring boot·ajax·axios·spring mvc
学习笔记10111 天前
第十五章认识Ajax(六)
前端·javascript·ajax
Elieal14 天前
AJAX 知识
前端·ajax·okhttp