通过js动态插入的图片如何通过构建工具将其转为base64编码

Question

通过js动态插入含有背景的div，那这种情况下如何通过构建工具将其转为base64编码

for(var i = 0; i < 10; i++){
    $("<div></div").css({
        "background": "url(./dist/images"+ i +".png)"
    }).appendTo(".container")
}

Answer 1

可以把图片加载到一个隐藏的div里

$('.hiddenDiv img').load(function(){
     //计算base64
     //后续操作
})