上传文件——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

WDosX与Borland Delphi

WDosX与Borland Delphi  (Delphi for DOS 是基于一个叫WDosX的保护模式扩展器。WDosX扩展器不仅支持Delphi,同时支持C++Builder、TASM、VC+...
  • freewizard
  • freewizard
  • 2001-01-28 06:38:00
  • 698

Ajax使用FormData对象上传文件的两种方式

以下是Demo的项目结构:主要就是一个servlet3.0和一个jsp页面 由于使用的是servlet3.0,所以无需配置web.xml,以下是idnex.jsp页面: ...
  • sinat_27535209
  • sinat_27535209
  • 2017-08-21 23:46:51
  • 1536

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

使用FormData,进行Ajax请求并上传文件   form enctype="multipart/form-data" method="post" > 这里使用JQuery,但是老...
  • whh_lydia
  • whh_lydia
  • 2016-02-25 20:19:11
  • 916

通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: Html代码   form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/re...
  • z69183787
  • z69183787
  • 2016-09-13 15:34:25
  • 3541

使用jquery.form.js+servlet实现文件异步上传

之前一直用ajaxfileupload上传文件,但是无法解决跨域问题,用form表单提交文件又无法异步上传 现在用jqueryform就可以完美解决上面的问题 页面代码 Tit...
  • oshidi
  • oshidi
  • 2016-07-27 16:44:27
  • 454

H5 通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: Html代码   form id= "uploadForm" action= "http://localhost:8080/cfJA...
  • z69183787
  • z69183787
  • 2015-09-15 11:39:39
  • 23553

FormData Ajax上传文件详细教程

FormData 1. 概述 FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。 2. 构造函数 ...
  • hefeng6500
  • hefeng6500
  • 2017-11-27 14:12:28
  • 210

.net(web <em>form</em>) <em>ajax</em>上传文件<em>demo</em>

通过<em>Ajax</em>方式上传文件,使用<em>FormData</em>进行<em>Ajax</em>请求 springmvc <em>ajax</em> 文件上传 立即...java做的<em>ajax</em>异步上传 图片或文件的<em>demo</em> 立即下载 上传者: shauishau 时间: ...
  • 2018年04月08日 00:00

基于jQuery的ajax系列之用FormData实现页面无刷新上传

科技优家 2017-01-15 13:57 接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文...
  • u011277123
  • u011277123
  • 2017-01-16 08:43:40
  • 420

使用formdata,将数据通过ajax提交到后端

场景 开发商场站时 利用隐藏域将用户的下单有关信息 提交至后台 由于 隐藏域 信息 太多,所以使用formdata对象直接将 数据打包 发送,这里记录下 使用注意事项fu...
  • backOrigin
  • backOrigin
  • 2017-02-11 13:00:55
  • 1279
收藏助手
不良信息举报
您举报文章:上传文件——jquery,ajax,FormData
举报原因:
原因补充:

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