使用FormData，进行Ajax请求并上传文件

使用FormData，进行Ajax请求并上传文件

这里使用JQuery，但是老版本的JQuery比如1.2是不支持的，最好使用2.0或更新版本：

Html代码

<form id= "uploadForm">  <p >指定文件名： <input type="text" name="filename" value= ""/></p >  <p >上传文件： <input type="file" name="file"/></ p>  <input type="button" value="上传" οnclick="doUpload()" />
</form>

Js代码

function doUpload() {  var formData = new FormData($( "#uploadForm" )[0]);  $.ajax({  url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,  type: 'POST',  data: formData,  async: false,  cache: false,  contentType: false,  processData: false,  success: function (returndata) {  alert(returndata);  },  error: function (returndata) {  alert(returndata);  }  });
}

转载于:https://www.cnblogs.com/laobiao/p/5635802.html

使用FormData，进行Ajax请求并上传文件相关推荐

AJAX的post请求与上传文件
之前介绍了AJAX的get的请求方式与跨域请求,除此之外AJAX还可以进行异步的post请求,在使用post方式的请求时需要设置请求头,如下: xhr.setRequestHeader("C ...
ajax：html5上传文件，上传之前可以实现本地预览
本主题主要涉及两个新内容: 1.上传文件(主要使用了FormData) 2.本地预览(主要使用了FileReader) html5的FormData其实就是平时的Form表单,只是html5可以直接新 ...
angular文件上传php,ajax jquery angular 上传文件与分隔上传
简单总结下 #ajax上传文件 var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "2.php" ...
爬虫实战学习笔记_4 网络请求urllib3模块：发送GET/POST请求实例+上传文件+IP代理+json+二进制+超时
1 urllib3模块简介 urllib3是一个第三方的网络请求模块(单独安装该模块),在功能上比Python自带的urllib强大. 1.1了解urllib3 urllib3库功能强大,条理清晰的用 ...
vue封装请求获取上传文件进度及设置超时时间
效果图: /utils/request.js // 上传文件 export function uploadFile({url, data, timeout, callback}) {timeout ? ...
ajax向服务器上传文件,ajax 上传文件到服务器
ajax 上传文件到服务器内容精选换一换安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装 ...
FastAPI从入门到实战（11）——表单请求与上传文件
本文主要记录表单的数据请求以及上传不同大小的文件.上传多个文件.获取文件信息等相关内容. 表单请求 @app07.post("/stu07/form") def stu07_for ...
上传数据时 ajax请求成功上传完成,ajaxSubmit请求返回数据成功，但是不执行success回调函数...
this.pluploader = new plupload.Uploader({ runtimes: 'html5,flash,silverlight,html4', //上传方式 headers: ...
java序列化表单同步请求_Ajax serialize() 表单进行序列化方式上传文件
通过传统的 form 表单提交的方式上传文件上传文件: 不过传统的 form 表单提交会导致页面刷新,但是在有些情况下,我们不希望页面被刷新,这种时候我们都是使用 Ajax 的方式进行请求的. 使用 ...

使用FormData，进行Ajax请求并上传文件

使用FormData，进行Ajax请求并上传文件相关推荐

最新文章

热门文章