首页 >后端开发 >php教程 >javascript - 请问beforeSubmit怎么提交包含图片文件的表单?

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

WBOY
WBOY原创
2016-08-30 09:36:421389浏览

请问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>


    <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>

php代码

<code>var_dump($_REQUEST,$_FILES);die;</code>

图片

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn