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

前端之家收集整理的这篇文章主要介绍了使用jQuery从文件输入中获取blob图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些问题,使用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从文件对象中读取数据,但没有解决我的问题.

谢谢你的帮助

解决方法

这条线看起来不对:
var file = $("#imgGaleria3")[0].files;

您需要将文件作为单个文件而不是所有文件.

例:

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

或jQuery方式:

var file = $("#imgGaleria3")[0].files[0];
原文链接:https://www.f2er.com/jquery/177925.html

猜你在找的jQuery相关文章