ajax上传表单带附件

最新推荐文章于 2024-04-02 11:15:06 发布

滑雪的

最新推荐文章于 2024-04-02 11:15:06 发布

阅读量325

点赞数

分类专栏： js 文章标签： js

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//FormData是html5的接口，使用它一行代码便可以拿到整个form表单对象：
var form = new FormData(document.getElementById("form"));

<!DOCTYPE html>  
<html>  
<head>  
    <script src="js/jquery-1.9.1.min.js"></script>  
    <meta charset="utf-8" />  
    <title>Ajax提交form</title>  
    <script type="text/javascript">  
    function test(){  
      var form = new FormData(document.getElementById("form"));  
      $.ajax({  
      url:"接口地址",  
      type:"post",  
      data:form,  
      cache: false,  
      processData: false,  
      contentType: false,  
      success:function(data){  
            alert("操作成功！");  
      },  
      error:function(e){  
          alert("网络错误，请重试！！");  
       }  
      });          
    }  
</script>  
</head>  
<body>  
<form id="form"  enctype="multipart/form-data">  
    <input type="text" id="endTime" name="endTime" />  
    <input type="text" id="type" name="type" />  
<input type="file" id="fileAttach" name="fileAttach" />  
<input type="button" onclick="test()" value="上传" />  
</form>  
</body>  
</html>

原文（http://blog.csdn.net/qq_33556185/article/details/51086114）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

滑雪的

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax上传表单带附件

//FormData是html5的接口，使用它一行代码便可以拿到整个form表单对象：var form = new FormData(document.getElementById("form"));<!DOCTYPE html> <html> <head> <script src="js/jquery-1.9.1.min.js"></script> <meta c
复制链接

扫一扫