Javascript 将输入文件中的DIV background更改为jpg

Javascript 将输入文件中的DIV background更改为jpg,javascript,jquery,Javascript,Jquery,当我上传一个文件时,它会更新IMG SRC。我想用我从输入文件上传的图像更新#gal01的背景。 代码如下: HTML: CSS: 谢谢你的帮助 为您的小提琴制作了一个新版本: 您需要设置div的背景: $('#gal01').attr('style', 'background: url('+e.target.result+');background-size: 95px 95px;'); 为您的小提琴制作了一个新版本: 您需要设置div的背景: $('#gal01').attr('st

当我上传一个文件时,它会更新IMG SRC。我想用我从输入文件上传的图像更新#gal01的背景。 代码如下:

HTML:

CSS:

谢谢你的帮助


为您的小提琴制作了一个新版本:

您需要设置div的背景:

$('#gal01').attr('style', 'background: url('+e.target.result+');background-size: 95px 95px;'); 

为您的小提琴制作了一个新版本:

您需要设置div的背景:

$('#gal01').attr('style', 'background: url('+e.target.result+');background-size: 95px 95px;'); 
只需找到
$('#gal01')
并将其css
background
属性设置为
e.target.result

    $('#gal01')
.css('background', 'url('+e.target.result+') no-repeat scroll 0px 0px rgba(0, 0, 0, 0)')
.css( 'background-size', 'cover');
内部
reader.onload=函数(e){…

工作小提琴:

只需找到
$(“#gal01”)
并将其css
background
属性设置为
e.target.result

    $('#gal01')
.css('background', 'url('+e.target.result+') no-repeat scroll 0px 0px rgba(0, 0, 0, 0)')
.css( 'background-size', 'cover');
内部
reader.onload=函数(e){…


工作小提琴:

你能不能通过jQuery$('#元素').css('property','value')添加css?签出这里是一个你能不能通过jQuery$('#元素').css('property','value')添加css?签出这里是一个
    $('#gal01')
.css('background', 'url('+e.target.result+') no-repeat scroll 0px 0px rgba(0, 0, 0, 0)')
.css( 'background-size', 'cover');