javascript图片流问题

javascript图片流问题

问题描述:

我有一个

 <div id="myDiv">

现在想用js或是jQuery通过远程下载一幅图片设为该div的背景
怎么做?求指教~

//图片大小1M 1920*1200

 <div id="myDiv" style="height:100px"></div>
<script>
    document.getElementById('myDiv').style.backgroundImage = 'url(http://www.w3dev.cn/theme/w3dev.gif)';
</script>

<br> $(function(){<br> $(&#39;#div_pic&#39;).css(&#39;background&#39;,&#39;url(img_url)&#39;)<br> })<br>

假设div的id为‘d1’;
var img=‘图片的网址链接.jpg/gif/png’;
img.onload=function(){
$('#d1').css('background-image','url(图片的网址链接.jpg/gif/png)');
};

 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("div").css("backgroundImage","url('http://i.imgur.com/mxDyAJp.jpg')")
});
</script>
</head>
<body>
<div  style="width:800px;height:800px;">111<div>
</body>
</html>

找到你要的图片的相应路径直接链就上去就可以了。。。