替换图片来源

Question

我在我的网页上有图片，我需要在上传新图片时替换图片来源。

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"> 
</script> 
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){ 
$("input:file").change(function() { 
     if ($(this).val() !== "") { 
     var file = $('#file_select')[0].files[0]; 
     console.log(file.size); 
     //console.log(file.width); 
     var reader = new FileReader(); 
     var img = new Image(); 
     var _URL = window.URL || window.webkitURL; 
     reader.readAsDataURL(file); 
     reader.onload = function(_file) { 
     img.src= _file.target.result; 
     $('#img_preview').append('<img src="'+ img.src +'"/>'); 
     //console.log(img.src); 
     console.log(img.width); 
    } 
    } 
}); 
});//]]> 

</script> 
<input type="file" name="file" id="file_select"> 
<div id="img_preview"><img class="thisimage" src="image/01.jpg" alt="image"> 
</div> 

这是我的代码，我需要与第二上传的图像，以取代第一图像源

Answer 1

变化

 $('#img_preview').append('<img src="'+ img.src +'"/>'); 

要

$('.thisimage').attr('src', img.src); 

Answer 2

样品

document.getElementById("myImg").src = "hackanm.gif"; 

你可以阅读更多关于这：http://www.w3schools.com/jsref/prop_img_src.asp

Answer 3

由于DOM中已有img元素，因此无需再次添加新的图像元素。只是改变已经存在image如下src：

DEMO

$('#img_preview #imgpr').attr('src',_file.target.result); 
//#imgpr is the id of the image tag