如何在一个div里上传图片，并显示在当前div的另一处
问题描述：
如图，选择图片后显示在右上角
答
帮你写了个，望采纳
<body>
<input type="file" id="file" onchange="show()">
<div id="img" style="width:300px;height:300px;border:1px solid #d5d5d5">这里显示图片</div>
<script>
function show(){
var input = document.getElementById("file");
var file = input.files[0];
if(!/image\/\w+/.test(file.type)){
alert("文件必须为图片！");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(){
document.getElementById("img").innerHTML = '<img src="'+this.result+'" style="width:300px;height:300px;"/>'
}
}
</script>
</body>
答
可以使用Ajax异步上传，后台上传接口返回图片的url，用js将返回的url赋值给img的src.
http://blog.csdn.net/thc1987/article/details/15341201