javascript - 请问beforeSubmit怎么提交包含图片文件的表单?

WBOY
Libérer: 2016-08-30 09:36:42
original
1334 Les gens l'ont consulté

请问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>
Copier après la connexion

html代码

<code>


    <meta charset="UTF-8">
    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
    <title>Title</title>


<form id="uploadForm">
    <input name="asas">
    <input name="adsfadsf">
    <input type="file" name="asdfadsasaaa">
    <input name="asasdfasdfasas">
    <input type="button" onclick="doUpload()">
</form>


<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>
Copier après la connexion

php代码

<code>var_dump($_REQUEST,$_FILES);die;</code>
Copier après la connexion

图片

javascript - 请问beforeSubmit怎么提交包含图片文件的表单?

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!