ID3-无法将base64设置为img的src

Question

我刚遇到ID3 API来获取音频文件的封面。 由API创建的base64确实不错，无法在img标签的src声明。 该脚本甚至不会尝试为img标签设置新的src 。

https://github.com/aadsm/JavaScript-ID3-Reader

这是我的尝试：

<a class="uploaded_file"><img src="/symbol/audio.png"></a>

function getAudioCover(url) {
 var tags = ID3.getAllTags(url);

 var image = tags.picture;
 if (image) {
    var base64String = "";
    for (var i = 0; i < image.data.length; i++) {
        base64String += String.fromCharCode(image.data[i]);
    }
    var base64 = "data:" + image.format + ";base64," +
    window.btoa(base64String);
    return base64;
 }
 else {
    return "/symbol/audio.png";
 }
}

var uploadedFiles = 0;
var file_cover;
ID3.loadTags("audio.mp3", function() {
 file_cover = getAudioCover("audio.mp3");
 console.log(file_cover);
}, {
 tags: ["picture"]
});
$('.uploaded_file:eq(' + uploadedFiles + ')').find('img').attr("src", file_cover);

控制台向我提供了这一点： https : //jsfiddle.net/f1wzbtyh/

我该如何工作？

jQuery或src属性是否存在字符串长度溢出？

Answer 1

在回调函数中进行对.attr()的调用。 file_cover时以外引用可以不定义.loadTags呼叫。

ID3.loadTags("audio.mp3", function() {
 file_cover = getAudioCover("audio.mp3");
 console.log(file_cover);
 $('.uploaded_file:eq(' + uploadedFiles + ')')
 .find('img').attr("src", file_cover);
}, {
 tags: ["picture"]
});