Question

我目录中有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"]);
?>

但此上传文件不起作用感谢帮助。

Answer 1

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

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

使用Jquery-Ajax上传文件无法正常工作

1 个答案: