formData的简单使用

var submitForm = new FormData();submitForm.append("name",name);submitForm.append("pass",pass);//提交数组for (var i=0;i<likes.length;i++){    submitForm.append("likeList",likes[i]);}$.ajax({    type:"POST",    url:"#",    data:submitForm,    processData:false,    contentType:false,    success:function(result){

    }})

ps:用来异步提交文件上传表单,上传文件
时间: 2024-11-02 20:47:11

formData的简单使用的相关文章

jquery 和 FormData 最简单图片异步上传

<script src="/scripts/jquery/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(function () { var fileInfo = $('#file').prop('files')[0]; var fm = new FormData(); fd.append("xxxx", fileInfo); $

三种上传文件不刷新页面的方法讨论:iframe/FormData/FileReader

发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向.以一个简单的demo做说明: html如下所示,请求的路径action为"upload",其它的不做任何处理: <form method="POST" action="upload" enctype="multipart/form-data"> 名字 <input type="text&q

HTML5 + AJAX ( jQuery版本 ) 文件上传带进度条

页面技术:HTML5 + AJAX ( jQuery) 后台技术:Servlet 3.0 jQuery版本:1.9.1 后台Servlet代码这里就省略了,使用的是 AJAX请求遭遇未登录和Session失效的解决方案 这篇文章里面的后台Servlet.所以这里只看前台的JS代码. 首先HTML5用AJAX提交数据先要学习一个HTML5新增加的对象:FormData  FormData 对象可以使用append 方法进行 key - value的数据添加,与以前我们常用的json不同的就是可以异

JavaWeb实现上传文件

需要 commons-io与commons-fileupload 首先在jsp中创建一下布局 <%@ page contentType="text/html;charset=UTF-8" language="java"%> <html> <head> <title>$Title$</title> </head> <body> <form action="MyServl

扒一扒Nodejs formidable的onPart

话说使用Nodejs实现一个文件上传,还是蛮简单的,基于Express4.x一般也就formidable用的多些吧:基本的不多说了,github一下都会的:接着<也说文件上传之兼容IE789的进度条---丢掉flash>,新版的大文件上传,最后就差断点续传了,业余跟进中...:对于IE789,在文件上传这块,算是与HTML5无缘了,当然我也选择丢掉了flash,就用最原始的input[type="file"]+hideIframe+轮询:OK,IE789可以凉快去了,BSI

django文件上传的几种方式

方式一:通过form表单中,html input 标签的“file”完成 1 2 3 4 5 6 # 前端代码uoload.html     <form method="post" action="/upload/" enctype="multipart/form-data">         <input id="user" type="text" name="user&quo

ajax以及文件上传的几种方式

方式一:通过form表单中,html input 标签的“file”完成 # 前端代码uoload.html <form method="post" action="/upload/" enctype="multipart/form-data"> <input id="user" type="text" name="user" /> <input id='i

form表单那点事儿(下) 进阶篇

上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form. 表单操作 取值 用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: <form id='form0'></form> <form action="/login" method="post" target="blank" id='form1'> <input type="

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g