Ajax模拟Form表单提交,含多种数据上传

<div>
  <table id="outputInfo">
    <tr><td>Client</td><td><input id='ClientName' type='text'></td></tr>
    <tr><td>CropID</td><td><input id='CropID' type='text' /></td></tr>
    <tr><td>Secret</td><td><input id='Secret' type='text'/></td></tr>
    <tr><td>AppID</td><td><input id='AppID' type='text'/></td></tr>
    <tr><td>Logo</td><td><input id='Logo' type='file'/></td></tr>
  </table>
</div>
<button id="saveInfo">Save</button>
$("#saveInfo").click(function () {
	var clientName = $("#ClientName").val();
	var CropID = $("#CropID").val();
	var Secret = $("#Secret").val();
	var AppID = $("#AppID").val();
	var formData = new FormData();
	alert(clientName);
	formData.append("file", document.getElementById("Logo").files[0]);
	formData.append("clientName", clientName);
	formData.append("CropID", CropID);
	formData.append("Secret", Secret);
	formData.append("AppID", AppID);
	$.ajax({
		url: "上传地址",
		data: formData,
		type: "POST",
		contentType: false,//这里
		processData: false,//这两个一定设置为false
		success: function (info) {
			if (info == "success") {
				  alert("成功上传");
			} else {
				alert(info);
			}
		}
	});
});
posted @ 2019-08-29 14:50  ^sun^  阅读(2566)  评论(0编辑  收藏  举报