首頁 > 後端開發 > php教程 > javascript - 請問beforeSubmit怎麼提交包含圖片檔案的表單?

javascript - 請問beforeSubmit怎麼提交包含圖片檔案的表單?

WBOY
發布: 2016-08-30 09:36:42
原創
1397 人瀏覽過

請問beforeSubmit怎麼提交包含圖片檔案的表單?

回覆內容:

請問beforeSubmit怎麼提交包含圖片檔案的表單?

formData可以上傳檔案。

formData 提交,自行更換表單id ,url等資料

<code>function doUpload() {  
     var formData = new FormData($( "#uploadForm" )[0]);  
     $.ajax({  
          url: 'http://localhost/file/upload' ,  
          type: 'POST',  
          data: formData,  
          async: false,  
          cache: false,  
          contentType: false,  
          processData: false,  
          success: function (returndata) {  
              alert(returndata);  
          },  
          error: function (returndata) {  
              alert(returndata);  
          }  
     });  
}  </code>
登入後複製

html代碼

<code><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
    <title>Title</title>
</head>
<body>
<form id="uploadForm">
    <input name="asas">
    <input name="adsfadsf">
    <input type="file" name="asdfadsasaaa">
    <input name="asasdfasdfasas">
    <input type="button" onclick="doUpload()">
</form>
</body>
</html>
<script>
    function doUpload() {
        var formData = new FormData($( "#uploadForm" )[0]);
        $.ajax({
            url: './form.php' ,
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
                alert(returndata);
            },
            error: function (returndata) {
                alert(returndata);
            }
        });
    }
</script></code>
登入後複製

php程式碼

<code>var_dump($_REQUEST,$_FILES);die;</code>
登入後複製

圖片

javascript - 請問beforeSubmit怎麼提交包含圖片檔案的表單?

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板