首页 > 后端开发 > php教程 > 尽管显示'[object FormData]”,为什么我的 jQuery AJAX 文件上传到 PHP 仍失败?

尽管显示'[object FormData]”,为什么我的 jQuery AJAX 文件上传到 PHP 仍失败?

Susan Sarandon
发布: 2024-12-28 03:51:09
原创
853 人浏览过

Why Does My jQuery AJAX File Upload to PHP Fail Despite Showing

PHP 中的 jQuery AJAX 文件上传

问题: 尽管浏览器显示“[object FormData]”和清空“上传”文件夹server.

解决方案:要使用 jQuery AJAX 成功上传文件,需要一个服务器端脚本来处理上传的文件并将其移动到所需位置。

更新的 jQuery 脚本

以下更新的 jQuery 脚本指向一个名为的服务器端 PHP 脚本"upload.php":

$("#upload").on("click", function() {
    var file_data = $("#sortpicture").prop("files")[0];
    var form_data = new FormData();
    form_data.append("file", file_data);
    $.ajax({
        url: 'upload.php',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response);
        }
    });
});
登录后复制

服务器端 PHP 脚本

以下“upload.php”脚本检查上传文件中的错误并将其移动到“uploads”目录:

<?php
if (0 < $_FILES['file']['error']) {
    echo 'Error: ' . $_FILES['file']['error'] . '<br>';
} else {
    move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
}
?>
登录后复制

其他注意事项

  • 确保您已“uploads”目录的正确服务器路径。
  • 确保“uploads”目录可写。
  • 检查您的 PHP 配置中的“upload_max_filesize”和“post_max_size”以确保您的测试文件不要超过这些限制。

使用服务器端重命名文件脚本

使用 PHP 重命名服务器上的文件:

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/my_new_filename.whatever');
登录后复制

以上是尽管显示'[object FormData]”,为什么我的 jQuery AJAX 文件上传到 PHP 仍失败?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板