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);
	}
});
相关推荐
徐先生 @_@|||21 天前
Spark的DataFrame的Map Task和Reduce Task深入理解
ajax·spark·php
爱敲代码的小鱼24 天前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
2301_780669861 个月前
Vue(入门配置、常用指令)、Ajax、Axios
前端·vue.js·ajax·javaweb
2601_949809591 个月前
flutter_for_openharmony家庭相册app实战+相册详情实现
javascript·flutter·ajax
qq_336313931 个月前
javaweb-Ajax
前端·javascript·ajax
闻哥1 个月前
从 AJAX 到浏览器渲染:前端底层原理与性能指标全解析
java·前端·spring boot·ajax·okhttp·面试
码农幻想梦1 个月前
实验九 Restful和ajax实现
后端·ajax·restful
OCKHrYfK1 个月前
c#上位机开发项目 c#语言编写的上位机控制软件,空压机项目 采用modbus rtu协议与西...
ajax
TTGGGFF1 个月前
控制系统建模仿真(十):实战篇——从工具掌握到工程化落地
前端·javascript·ajax
W.KN1 个月前
AJAX 基础学习笔记
笔记·学习·ajax