Question

我正在尝试向我的控制器发送一个AJAX请求发送文件，然后应该继续读出已发送的文件并将已排序的数组返回给前端，尽管它不能正常工作。我坚持'blob'未设置错误。我搜索过但没有找到我正在寻找的答案，因此我为什么要创建这个问题。

目前我收到以下TypeError：

'slice' called on an object that does not implement interface Blob.

我要发送的数据如下：

http://piclair.com/qk8ms（图片因为我无法直接从浏览器中复制数据。）

javascript：

// Click handler for file read
$(document).on('click','#load-csv-btn',function(e){
    e.preventDefault();
    var file = $('#file_upload')[0].files;
    console.log(file);

    readCSV(file);
});


function readCSV(file){
    $.ajax({
        type: "POST",
        url: "ajax/read.php",
        data: {file: file},
        contentType: false
    }).success(function(data){
        console.log(data);
    }).fail(function(){
        console.log('error');
    });
}

PHP处理程序，虽然我猜这部分与这个问题无关：

<?php
    var_dump($_POST);

我发现有人说设置processData: false和contentType: false会让脚本忽略blob要求，但是如果我设置这些参数，我的服务器只会发回一个空数组，我猜是不要惊讶，因为我没有处理任何数据。

所以我希望有人知道这个问题的解决方案并且能够帮助我。

修改

为了弄清楚我尝试过哪种方法返回一个空数组，这里是备用代码：

$(document).on('click','#load-csv-btn',function(e){
    e.preventDefault();
    var file = $('#file_upload')[0].files[0];
    var fd = new FormData();
    fd.append("csv",file);

    readCSV(fd);
});


function readCSV(file){
    $.ajax({
        type: "POST",
        url: "ajax/read.php",
        data: {file: file},
        contentType: false,
        processData: false
    }).success(function(data){
        console.log(data);
    }).fail(function(){
        console.log('error');
    });
}

Answer 1

就我而言，如果没有外部库，AJAX上传就不容易了。至少，这是我第一次完成这项工作时学到的东西。

http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html

本指南非常好，但如果您使用的是较新版本的jQuery，则有点过时了。您可能需要更改一些已弃用的功能，例如（.live()到.on()）。

最后，我可以热烈地推荐它作为一个良好的开端。我已经广泛使用它多年并取得了巨大的成功。

祝你好运！

通过AJAX发送文件返回＆＃39; blob＆＃39;错误

1 个答案: