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
- jQuery利用XMLHttpRequest()和FormData()实现同时上传文件和数据
- 用 jquery 和 FormData上传文件
- ajax FormData上传文件和数据
- Ajax利用FormData提交文件和数据
- Node和express中利用Jquery的$.ajax和HTML5的FormData完成文件上传示例
- 利用js/jq 利用FormData 对象和ajax上传文件
- jquery和thinkphp利用formData属性ajax上传并,添加水印,裁剪,实现预览
- FormData--JQuery使用FormData利用Ajax实现多图片、文件上传
- formdata和xmlhttprequest
- 利用html5的FormData对象和ajax实现异步文件上传
- 利用html5的FormData对象和ajax实现异步文件上传
- SpringMVC前台利用ajax和FormData上传文件
- ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单
- ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单
- 利用html5-formdata实现文件异步上传
- jquery formdata 文件上传
- jquery利用formdata实现点击图片进行ajax上传文件,图片
- [HTML5][JSP]利用FormData对象完成表单的异步上传|文件上传|图文同时上传
- Android 手势密码
- Zepto 使用中的一些注意点
- Linux中文件查找方法大全
- c语言学习之路
- nginx反向代理配置
- jQuery利用XMLHttpRequest()和FormData()实现同时上传文件和数据
- Pixel,Bitmap,Drawable,Canvas,Paint,Matrix,BitmapDrawable,BitmapFactory图相关
- EventBus使用之基础
- Unity XML 操作
- Eclipse插件大全介绍及下载地址
- 《剑指Offer》学习笔记--面试题31:连续子数组的最大和
- 如果要实现透明边框,子元素不透明
- 推荐系统中隐语义模型
- 多线程技术