2

我在目录中有 3 个文件。

1- jquery-1.8.3.min.js

2- index.html

3- addFile.php

并且jquery-1.8.3.min.js是主要的jquery文件。
index.html代码是：

<html>
    <head>
         <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
                $(document).ready(function () {
                    $("#uploadbutton").click(function () {
                        var filename = $("#tmppic").val();
                        $.ajax({
                            type: "POST",
                            url: "addFile.php",
                            enctype: 'multipart/form-data',
                            data: {
                                file: filename
                            },
                            success: function (result) {
                                alert(result);
                            }
                        });
                    });
                });
        </script>
    </head>
    <body>
        <div>
            <input type="file" name="tmppic" id="tmppic" />
            <input id="uploadbutton" type="button" value="Upload"/>
        </div>
    </body>
</html>

和addFile.php代码是：

<?php
    //print_r($_FILES["tmppic"]);
    echo $_FILES["tmppic"]["type"];
    move_uploaded_file($_FILES["tmppic"]["tmp_name"], "uploads/" . $_FILES["tmppic"]["name"]);
?>

但是这个上传文件不起作用。
感谢帮助。

4

1 回答 1

1

我建议使用 jQuery Form Plugin 进行 ajax 文件上传。

http://www.malsup.com/jquery/form/

于 2012-12-11T10:58:26.197 回答