上传文件——jquery,ajax,FormData

原创 2016年10月18日 11:41:51
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
    <script type="text/javascript" src="jquery.js" charset="utf-8"></script>  
    <script type="text/javascript">
        function doUpload() {  
         var formData = new FormData($( "#uploadForm" )[0]);  
         $.ajax({  
          url: 'uploadurl' ,  
          type: 'POST',  
          data: formData,  
          async: false,  
          cache: false,  
          contentType: false,  //必需的
          processData: false,  //必需的
          success: function (returndata) { 
            alert(returndata);
          },  
          error: function (returndata) {  
            alert(returndata);  
          }  
         });  
    }       

    </script>
</head>  
<body>
<form id= "uploadForm">  
      <p >指定文件名: <input type="text" name="filename" value= ""/></p >  
      <p >上传文件: <input type="file" name="Filedata"/></ p>  
      <input type="button" value="上传" onclick="doUpload()" />  
</form>  


</body>

参考资料:
FormData
在jquery中使用formdata

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

通过jQuery Ajax使用FormData对象上传文件

FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。

JQuery Ajax使用FormData对象上传文件 图片

通过jQuery Ajax使用FormData对象上传文件FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla ...

通过jQuery Ajax使用FormData对象上传文件

html代码 <input type="file" class="form-control" name='club.he

通过jQuery Ajax使用FormData对象上传文件,Grails读取FormData数据

参考许多文章,结合自己所需,备份 目的:在后台获取文件,以下是gsp页面内容 姓名</d

FormData--JQuery使用FormData利用Ajax实现多图片、文件上传

传统的form表单提交会导致页面刷新,但是在有些情况下,我们不希望页面被刷新,这种时候我们都是使用Ajax的方式进行请求的。 我自己了解的实现文件上传的比较好用的,有普通的Ajax提交文件方式、Fi...

ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单

html> head> title>Html5 Ajax 上传文件title> head> body> form id="myform"> input type="text" name="...

Ajax使用FormData对象实现无刷新上传文件

遇到了一个问题:在一个页面中,有4块内容,每块内容都包含一个图片上传功能,希望可以实现一键把这四块内容都上传上去。我没有用插件实现上传功能,就是用的input[type=file],因此就遇到一个问题...

html5+FormData 实现ajax文件上传

大家都知道在html4时代,上传只能使用表单post提交方式,无法使用ajax(XMLHttpRequest )直接进行表单提交。但在HTML 5的概念形成后,W3C开始考虑标准化XMLHttpR...

实现无刷新上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: Html代码   form id= "uploadForm" action= "http://localhost:8080/cfJA...

SpringBoot+Ajax文件上传+FormData表单提交

需求前端: html定义好form表单的输入信息(text+file)标签 js通过Ajax异步提交表单中的内容。 后端: 通过接口接收表单中的数据(String+MultipartFile)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)