Javascript 通过XMLHttpRequest获取img后，加载外部img作为div的背景

我正在构建一个chrome应用程序，我想加载外部img作为元素的背景图像

我发现了以下文章：

我使用以下功能：

this.loadImgFromUrl = function loadImgFromUrl(url, el) {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', url, true);
            xhr.responseType = 'blob';
            xhr.onload = function(e) {
              // How to load my img as url as background ?
              //$("#img_me_area").css('background-image', 'url("' + photoUrl + '")');
            };

            xhr.send();
        } ;

---

我不知道如何将img设置为我的div的背景。

我不知道Chrome应用程序，但如果您由于w/e原因无法通过URL直接访问imge，您可能希望在加载后将其转换为Base64，然后将Base64编码的字符串设置为背景图像

您可以阅读CSS中的Base64图像

否则，它就简单到：

("#img_me_area").css('background-image', 'url("' + url+ '")');

---

到底是什么不起作用？