为什么我在使用jQuery上传AJAX文件时遇到错误?

J86

我正在使用HTML5的FormData和jQuery开发多个文件上传器。我有以下代码:

$(function() {
    $('#file').bind("change", function() {
        var formData = new FormData();
        //loop for add $_FILES["upload"+i] to formData
        for (var i = 0, len = document.getElementById('file').files.length; i < len; i++) {
            formData.append("file" + i, document.getElementById('file').files[i]);
        }

        //send formData to server-side
        $.ajax({
            url : "file-upload.php",
            type : 'post',
            data : formData,
            dataType : 'json',
            async : true,
            processData: false,  // tell jQuery not to process the data
            contentType: false,   // tell jQuery not to set contentType
            error : function(request) {
                alert('error!!');
                console.log(request.responseText);
            },
            success : function(json) {
                alert('success!!');
                $('#upload-result')[0].append(json);
            }
        });
    });
});

我可以看到我的file-upload.php工作正常,因为文件已上传!但是,为什么我的jQuery命中错误函数而不是成功函数我收到错误提示。

在控制台窗口中,我看到了PHP回声调用的结果!#upload-result如我的成功功能所示,我要附加到该文件。

PHP代码

foreach($_FILES as $index => $file)
{
    $fileName     = $file['name'];
    // echo '[ file name: ' . $fileName . ' - ';
    $fileTempName = $file['tmp_name'];
    // echo 'file temp name: ' . $fileTempName . ' ]';

    if(!empty($file['error'][$index]))
    {
        // some error occured with the file in index $index
        // yield an error here
        return false; // return false also immediately perhaps??
    }

    // check whether it's not empty, and whether it indeed is an uploaded file
    if(!empty($fileTempName) && is_uploaded_file($fileTempName))
    {
        // the path to the actual uploaded file is in $_FILES[ 'file' ][ 'tmp_name' ][ $index ]
        // do something with it:
        move_uploaded_file($fileTempName, "uploads/" . $fileName);
        echo json_encode('<p>Click <a href="'. 'uploads/' . $fileName . '">here</a> to download file!</p>');
    }
}
J86

我想到了。即使我的php文件的状态代码为200,我仍然收到jQuery AJAX错误,因为我将自己的dataTypeJSON作为JSON,而我返回的是简单的HTML。

dataType: 'html',

修复!

谢谢大家

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么在使用ajax上传文件时重新加载页面?

来自分类Dev

如何在Laravel中使用Ajax上传文件我遇到错误419(状态未知)

来自分类Dev

当我在asp.net中使用dev express文件上传时,为什么会出现此错误?

来自分类Dev

为什么我遇到错误?

来自分类Dev

为什么我在尝试休息时遇到404错误?

来自分类Dev

为什么我在使用Guzzle进行多个请求时遇到cURL错误77?

来自分类Dev

为什么我在上传到商店时出现清单编译文件错误?

来自分类Dev

为什么我使用python3遇到分段错误?

来自分类Dev

为什么我在使用fwrite()和fread()时遇到麻烦?

来自分类Dev

为什么我要使用python硒从Chrome下载文件时为什么出现错误

来自分类Dev

我在使用PHP和MySQL时遇到什么错误?

来自分类Dev

使用 Microsoft Edge 上传时,为什么我无法在 ASP.NET MVC 中访问上传文件的 FileName?

来自分类Dev

为什么当我在gradle项目中使用github action CI时遇到“ ./gradlew:权限被拒绝”错误?

来自分类Dev

我是python新手,使用print函数时遇到语法错误,有人知道为什么吗?

来自分类Dev

为什么我在检索数据时遇到数据库错误:权限被拒绝的错误

来自分类Dev

有什么想法为什么我在添加声音时在Sprite Kit中遇到此错误?

来自分类Dev

使用jQuery Ajax上传文件

来自分类Dev

使用 Ajax、Jquery 上传文件

来自分类Dev

60秒后上传文件时遇到错误的请求400

来自分类Dev

我在 Python 中循环上传文件时遇到问题?

来自分类Dev

为什么我在初始化字母时遇到错误,该如何解决?

来自分类Dev

为什么我在远程运行 Cryptmount 命令时遇到奇怪的输入重定向错误?

来自分类Dev

当我使用Appcache清单请求外部资源时,为什么jQuery会引发错误?

来自分类Dev

jQuery AJAX文件上传错误500

来自分类Dev

为什么我在尝试访问Virtualbox中的共享文件夹时遇到“权限被拒绝”的问题?

来自分类Dev

为什么当我尝试使用Windows Phone上传图像时,它会随机上传?

来自分类Dev

我在使用GetFullPathName时遇到错误

来自分类Dev

我在使用闪回时遇到错误

来自分类Dev

当我使用Ajax请求时,为什么无法从我的快速服务器上下载JSON文件?

Related 相关文章

  1. 1

    为什么在使用ajax上传文件时重新加载页面?

  2. 2

    如何在Laravel中使用Ajax上传文件我遇到错误419(状态未知)

  3. 3

    当我在asp.net中使用dev express文件上传时,为什么会出现此错误?

  4. 4

    为什么我遇到错误?

  5. 5

    为什么我在尝试休息时遇到404错误?

  6. 6

    为什么我在使用Guzzle进行多个请求时遇到cURL错误77?

  7. 7

    为什么我在上传到商店时出现清单编译文件错误?

  8. 8

    为什么我使用python3遇到分段错误?

  9. 9

    为什么我在使用fwrite()和fread()时遇到麻烦?

  10. 10

    为什么我要使用python硒从Chrome下载文件时为什么出现错误

  11. 11

    我在使用PHP和MySQL时遇到什么错误?

  12. 12

    使用 Microsoft Edge 上传时,为什么我无法在 ASP.NET MVC 中访问上传文件的 FileName?

  13. 13

    为什么当我在gradle项目中使用github action CI时遇到“ ./gradlew:权限被拒绝”错误?

  14. 14

    我是python新手,使用print函数时遇到语法错误,有人知道为什么吗?

  15. 15

    为什么我在检索数据时遇到数据库错误:权限被拒绝的错误

  16. 16

    有什么想法为什么我在添加声音时在Sprite Kit中遇到此错误?

  17. 17

    使用jQuery Ajax上传文件

  18. 18

    使用 Ajax、Jquery 上传文件

  19. 19

    60秒后上传文件时遇到错误的请求400

  20. 20

    我在 Python 中循环上传文件时遇到问题?

  21. 21

    为什么我在初始化字母时遇到错误,该如何解决?

  22. 22

    为什么我在远程运行 Cryptmount 命令时遇到奇怪的输入重定向错误?

  23. 23

    当我使用Appcache清单请求外部资源时,为什么jQuery会引发错误?

  24. 24

    jQuery AJAX文件上传错误500

  25. 25

    为什么我在尝试访问Virtualbox中的共享文件夹时遇到“权限被拒绝”的问题?

  26. 26

    为什么当我尝试使用Windows Phone上传图像时,它会随机上传?

  27. 27

    我在使用GetFullPathName时遇到错误

  28. 28

    我在使用闪回时遇到错误

  29. 29

    当我使用Ajax请求时,为什么无法从我的快速服务器上下载JSON文件?

热门标签

归档