javascript - 請問beforeSubmit怎麼提交包含圖片檔案的表單?-php教程-PHP中文網

回覆內容：

首頁

後端開發

php教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 30, 2016 am 09:36 AM

asp.net c++ java javascript php

請問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怎麼提交包含圖片檔案的表單?

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7843

Java教學

1649

CakePHP 教程

1403

Laravel 教程

1300

PHP教程

1240

Related knowledge

C＃與C：歷史，進化和未來前景 Apr 19, 2025 am 12:07 AM

C#和C 的歷史與演變各有特色，未來前景也不同。 1.C 由BjarneStroustrup在1983年發明，旨在將面向對象編程引入C語言，其演變歷程包括多次標準化，如C 11引入auto關鍵字和lambda表達式，C 20引入概念和協程，未來將專注於性能和系統級編程。 2.C#由微軟在2000年發布，結合C 和Java的優點，其演變注重簡潔性和生產力，如C#2.0引入泛型，C#5.0引入異步編程，未來將專注於開發者的生產力和雲計算。