ajax对文件上传

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.3.js"></script>
</head>
<body>

<form id= "uploadForm" action="1.php" method="post" enctype="multipart/form-data">
    <p >上传文件： <input type="file" name="file"/></p>
    <input type="submit" value="上传" onclick="doUpload()" />
    <!--name<input type="text" name="uname"><br>-->
    <!--密码<input type="text" name="upwd"><br>-->
    <!--<input type="submit">-->
</form>
<script>
    function doUpload() {
        var formData = new FormData($( "#uploadForm" )[0]);
        $.ajax({
            url: '1.php' ,
            type: 'POST',
            data: formData
         ,
            success: function (returndata) {
                alert(returndata);
            },
            error: function (returndata) {
                alert(returndata);
            }
        });
    }
</script>

</body>
</html>

<?php



var_dump ($_FILES);

?>


提交以后便可以在PHP文件中看到

array(1) { ["file"]=> array(5) { ["name"]=> string(11) "loading.gif" ["type"]=> string(9) "image/gif" ["tmp_name"]=> string(24) "C:\xampp\tmp\php2800.tmp" ["error"]=> int(0) ["size"]=> int(4565) } }

出现临时文件的名称
以及文件的大小


注意的地方form
表单需要method="post" enctype="multipart/form-data"
php里面$_REQUEST不能看到文件的上传
需要同文件$_FILES

posted on 2017-01-10 21:11 hduhdc 阅读(135) 评论(0) 编辑收藏举报