Question

目前我正在使用以下方式伪造社交媒体网站：Javascript，Jquery，html和css。大多数事情进展顺利。我希望我的网站更像是一个社交媒体网站。这是问题开始的地方。在几页中，我使用图像作为身体的背景。像这样：

body {
  height:100%;
  width:100%;
    background-color:#E8E8E8;
    background-image: url("../pictures/straatbackground.jpg");
}

对于我不想要显示此背景的页面，我只使用：

$("document").ready(function(){
$("body").css("background-image", "none");

然而，现在我不能使用背景图像而是使用背景：url。它在我写的这个css部分非常有效：

.circular {
  width: 28%;
  height: 90%;
  margin-left:35%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url(../pictures/profielfototje.jpg) no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  }

但是，如果我想更改我的代码，那么我可以上传文件并更改后台，我的代码失败。它看起来像这样：

$(".circular").click(function(){
    var uploadplaatje = $(".circular").fileupload().val();
$('.circular').css("background", "url(uploadplaatje)");



}); // click

可悲的是，我没有足够的经验来自己提出解决方案。任何人都可以帮助我，并向我解释如何通过点击它并上传图片来改变我的div的背景。

永远感激，

Joep（代码newby）

Answer 1

未解析uploadplaatje变量，这是正确的调用：

$('.circular').css("background", "url(" + uploadplaatje + ")");

（假设您已检查过变量的内容）

上传div背景网址

1 个答案: