jQuery利用XMLHttpRequest()和FormData()实现同时上传文件和数据

来源:互联网 发布:必胜软件 编辑:程序博客网 时间:2024/06/05 17:32
<span style="white-space:pre"></span>$(function() {// The Javascriptvar form = document.getElementById('uploadFormTrousers');var xhr = new XMLHttpRequest();var uploadButton = document.getElementById('uploadFileButtonTrousers');form.onsubmit = function() {var formData = new FormData(form);var flag = document.getElementById('flag_trousers');var action = document.getElementById('action_trousers');var whichPatternData = document.getElementById('whichPatternData_trousers');var filename1 = document.getElementById('filename1_trousers');var filename2 = document.getElementById('filename2_trousers');var exename = document.getElementById('exename_trousers');formData.append('uploaded_file_trousers', $('#uploaded_file_trousers')[0].files[0]);//append第一个参数为对应元素的IdformData.append('flag_trousers', flag.value);formData.append('action_trousers', action.value);formData.append('whichPatternData_trousers', whichPatternData.value);formData.append('filename1_trousers', filename1.value);formData.append('filename2_trousers', filename2.value);formData.append('exename_trousers', exename.value);uploadButton.innerHTML = 'Uploading...';// Add any event handlers here...xhr.open('POST', form.getAttribute('action'), true);xhr.send(formData);return false; // To avoid actual submission of the form}xhr.onload = function () {  if (xhr.status === 200) {// File(s) uploaded.uploadButton.innerHTML = 'Upload';var dwf = document.createElement("object");dwf.setAttribute("type", "application/x-Autodesk-DWF");dwf.setAttribute("width", "100%");dwf.setAttribute("height", "495px");dwf.setAttribute('id', 'dwfObject');var param = document.createElement("param");param.setAttribute("name", "src");var warning = xhr.responseText.split("!")[0];var data = xhr.responseText.split("!")[1];alert(warning);param.setAttribute("value", data);dwf.appendChild(param);$('.dwfWindow object').remove();$(".dwfWindow").append(dwf);  } else {alert('An error occurred!');  }};});

0 0
原创粉丝点击