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

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

转载作者：行者123 更新时间：2023-12-01 04:56:47

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

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

最佳答案

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

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

关于jquery - 使用 Jquery-Ajax 上传文件无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13818256/