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);
	}
});
相关推荐
qq_406176142 天前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式
LongtengGensSupreme4 天前
开放所有跨域 ----前端和后端
前端·后端·ajax·vue·api·jquery
雨雨雨雨雨别下啦5 天前
ajax和axios到底是什么
前端·ajax·okhttp
C_心欲无痕6 天前
网络相关 - Fetch 与 Ajax 请求讲解
前端·网络协议·ajax·fetch
qq_406176147 天前
什么是模块化
开发语言·前端·javascript·ajax·html5
释怀不想释怀9 天前
vue(登录,退出,浏览器本地存储机制)
前端·javascript·vue.js·ajax·html
chilavert31810 天前
技术演进中的开发沉思-284 计算机原理:二进制核心原理
javascript·ajax·计算机原理
Beginner x_u10 天前
从 Promise 到 async/await:一次把 JavaScript 异步模型讲透
javascript·ajax·promise·异步·async await
‿hhh11 天前
综合交通运行协调与应急指挥平台项目说明
java·ajax·npm·json·需求分析·个人开发·规格说明书
释怀不想释怀11 天前
Ajax,vue生命周期(自动加载页面发出请求)Axios
前端·javascript·ajax