<form >
<input type="file" />
<button class="btn">请选择上传图片</button>
</form>
<script type="text/javascript">
document.all.photosfile['files'];
</script>
console.log(document.all.photosfile['files'][0]);
//及时查看图片效果
html:
<div ></div>
<input >
js:
$("#file_upload").on("change",function(){
var fileTag = document.getElementById("file_upload").files[0];
if (fileTag) {
var reader = new FileReader();
reader.readAsDataURL(fileTag);
$("#show_img").find("img").remove();
reader.onload = function (e) {
var urlData = this.result;
document.getElementById("show_img").innerHTML += "<img src='" + urlData + "' alt='" + fileTag.name + "'/>";
};
}else{
return;
}
return false;
})