将图像设置为背景

时间:2016-03-19 22:08:50

标签: javascript jquery

您好我想问为什么我会在此功能上出错。它从我的目录加载所有图像,但是当我想让它成为背景onclick时,我收到错误

var dir="uploads";
var fileextension = [".png", ".jpeg", ".jpg",".gif"];
$.ajax({
url: dir,
success: function (data) {
    for (var i = 0; i < fileextension.length; i++) {
    $(data).find("a:contains(" + fileextension[i] + ")").each(function () {
        var filename = this.href.replace(window.location.host, "").replace("http://", "");
        $("#backgroundSetting").append("<img src='" + dir + filename + "'onclick='imageBackground('" + dir + filename + "')'>");
    });
}
}
});
 function imageBackground(image){
 document.getElementsByTagName('BODY')[0].style.backgroundImage ='url('+image+')';
}

1 个答案:

答案 0 :(得分:1)

您不希望dir + filenameimageBackground(" + dir + filename + ")视为$("#backgroundSetting").append("<img src=\"" + dir + filename + "\" onclick=\"imageBackground('" + dir + filename + "')\">"); 中的变量,因此您需要引用它们。

另外,为了便于阅读,我将单引号改为双引号......

{{1}}