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);
	}
});
相关推荐
Viking_bird8 小时前
Apache Spark 3.2.0 开发测试环境部署指南
大数据·分布式·ajax·spark·apache
宇寒风暖4 天前
@(AJAX)
前端·javascript·笔记·学习·ajax
卖寂寞的小男孩5 天前
Spark执行计划与UI分析
ui·ajax·spark
teeeeeeemo7 天前
js 实现 ajax 并发请求
开发语言·前端·javascript·笔记·ajax
Sy_planA7 天前
介绍一下jQuery的AJAX异步请求
ajax·okhttp·jquery
为什么名字不能重复呢?8 天前
AJAX入门(1)
学习·ajax
甘露寺8 天前
深入理解 Axios 请求与响应对象结构:从配置到数据处理的全面指南
javascript·ajax
teeeeeeemo8 天前
Ajax、Axios、Fetch核心区别
开发语言·前端·javascript·笔记·ajax
Elieal11 天前
深入浅出:Ajax 与 Servlet 实现前后端数据交互
前端·ajax·servlet
Allen Bright12 天前
【JS-7-ajax】AJAX技术:现代Web开发的异步通信核心
前端·javascript·ajax