Question

jquery代码：

    var reader = new FileReader();
    reader.readAsDataURL($("#img1").val());
    reader.onload = function() {
        console.log(reader.result);
    };

Html代码：

<input type="file" name="img4" id="img1">

我不知道为什么它不工作可以请任何人帮助我如何解决此错误？

Answer 1

FileReader readAsDataURL()函数需要HTML5 Blob或File对象，而不是jQuery对象。请参阅FileReader.readAsDataURL() on MDN。

在您的示例中，您可以通过以下方式上传文件：

var file = document.getElementById('img1').files[0];
var reader = new FileReader();
reader.addEventListener('load', function() {
    var res = reader.result; 
    console.log(res);
});

reader.readAsDataURL(file);

jQuery文件阅读器无法正常工作

1 个答案: