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

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:无法在'FileReader'上执行'readAsDataURL':参数1不是'Blob'类型.

我怎么解决？我尝试使用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];