图片上传点击通过js显示图片

<p class="inputfilebox" style="cursor: pointer;">
<input type="file" id="file" name="file"/>
<span>上传照片</span>
</p>

document.getElementById('file').onchange = function() {
var imgFile = this.files[0];
var fr = new FileReader();
fr.onload = function() {
document.getElementById('image').getElementsByTagName('img')[0].src = fr.result;
};
fr.readAsDataURL(imgFile);
};