formData

時間 2019-12-25

標籤 formdata 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title></title>
</head>
<body>
  <form name="form1" id="form1">
    <input id="file" type="file" name="name"></input>
  </form>
  <script type="text/javascript">
     var form=document.getElementById("form1");
     var formdata=new FormData(form);
  </script>
</body>
</html>
能夠在已有表單數據的基礎上，繼續添加新的鍵值對
 
var formdata=new FormData();
 formdata.append ("age" , "21");
使用FormData對象上傳文件
 
var formdata=new FormData($("#form1").[0]);//獲取文件法一
//var formdata=new FormData( ); 
//formdata.append("file" , $("#file")[0].files[0]);//獲取文件法二
       $.ajax({
           type : 'post',
           url : '#',
           data : formdata,
           cache : false,
           processData : false, // 不處理髮送的數據，由於data值是Formdata對象，不須要對數據作處理
           contentType : false, // 不設置Content-type請求頭
           success : function(){}
           error : function(){ }
       })

http://www.jb51.net/article/89998.htmjavascript

相關標籤/搜索

formdata+ajax+springmvc

filereader+formdata+ajax

vue+axios+formdata

jquery+ajax+formdata

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。