javascript - JQuery 无法更改背景图像 URL

标签 javascript jquery html css

我有以下 DIV 样式:

#dropzone
    {
        height: 530px;
        width: 530px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 2px dashed #0687FF;
        display: block;
        background-image: url(/Images/RE/02.png);
    }

我正在将拖放功能实现到网络上。放下图像后,我得到了一大堆字符串,如下所示:

enter image description here

我正在尝试使用

更改我的 dropzone 的背景图片
alert(evt.target.result);
//$('#dropzone').css('background-image', url(evt.target.result));
//$('#dropzone').css('background-image', evt.target.result);

两种注释方式均无效。请指教

最佳答案

尝试对属性使用驼峰命名法并插入变量,就像这样

$('#dropzone').css('backgroundImage', 'url(' + evt.target.result + ')');

关于javascript - JQuery 无法更改背景图像 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19111027/

相关文章:

javascript - 如果字符串以特定子字符串结尾,则自动完成该字符串

javascript - 如何将点击事件绑定(bind)到复选框标签

javascript - 遇到一些 setInterval + jQuery FadeIn/FadeOut 问题

javascript - 一旦我们将鼠标悬停在图像上不起作用就更改图像

javascript - jQuery:出列特定动画

javascript - 如何将 bootstrap popover 工具提示放入按钮中

javascript - 从 javascript 数据对象填充图表问题

javascript - 可以在 Javascript 代码中使用 setter 和 getter 吗?

javascript - 在 JSFiddle 中工作,即使放置在文档就绪处理程序中也不能在浏览器中工作

javascript - 检测同一域的其他选项卡/窗口的存在