Question

我在使用jQuery将图像作为blob时遇到了一些问题：

这是我的代码：

var file = $("#imgGaleria3")[0].files;

if (file) {
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(e) {
        // browser completed reading file - display it
        alert(e.target.result);
    };
}

我一直都会遇到同样的错误：未捕获的TypeError：无法执行＆＃39; readAsDataURL＆＃39; on＆＃39; FileReader＆＃39;：参数1的类型不是＆＃39; Blob＆＃39;。

我该如何解决？我尝试了一些使用FileReader从文件对象读取数据的方法，但没有解决我的问题。

帮助你们的人

Answer 1

这一行看起来不对：

var file = $("#imgGaleria3")[0].files;

您需要file作为单个文件而不是所有文件。

示例：

var file    = document.querySelector('input[type=file]').files[0];

或jQuery方式：

var file = $("#imgGaleria3")[0].files[0];

Answer 2

您正尝试在阵列上执行阅读器。

试

var file = $("#imgGaleria3")[0].files[0];

if (file) {
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(e) {
        // browser completed reading file - display it
        alert(e.target.result);
    };
}

使用jQuery从文件输入中获取blob图像

2 个答案: