Question

我刚刚推出ID3 API来获取音频文件的封面。由API创建的base64非常好，无法在img标记的src中声明。该脚本甚至不会尝试为src标记设置新的img。

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"]
});

ID3 - base64无法设置为img的src

1 个答案: