<body>
<input type='file' id='image_file' οnchange="showImage()" />
<img id='pre_show'/>
<div class="demo-parent">
<div class='demo-child'></div>
</div>
</body>
<script type="text/javascript">
function showImage(){
//file
var imageA=document.getElementById('image_file');
var imageSrc=window.URL?window.URL.createObjectURL(imageA.files[0]):imageA.value;
var imageTag=document.getElementById('pre_show');
imageTag.src=imageSrc;
alert(imageA.files[0].size);
alert(imageA.files[0].type);
alert(imageA.files[0].lastModifiedDate);
}
</script>
<input type='file' id='image_file' οnchange="showImage()" />
<img id='pre_show'/>
<div class="demo-parent">
<div class='demo-child'></div>
</div>
</body>
<script type="text/javascript">
function showImage(){
//file
var imageA=document.getElementById('image_file');
var imageSrc=window.URL?window.URL.createObjectURL(imageA.files[0]):imageA.value;
var imageTag=document.getElementById('pre_show');
imageTag.src=imageSrc;
alert(imageA.files[0].size);
alert(imageA.files[0].type);
alert(imageA.files[0].lastModifiedDate);
}
</script>