<body>
<input type="file" id="file_input" onchange="show_image()" />
<img src="" alt="" id="show_img" width="100px" height="100px" style="display: none;" />
</body>
<script>
function show_image() {
//首先獲取到文件輸入框和img元素
file_input = document.getElementById("file_input");
show_img = document.getElementById("show_img");
//創(chuàng)建URL對(duì)象
show_img.src = window.URL.createObjectURL(file_input.files[0]);
//顯示圖片
show_img.style.display = 'block';
}
</script>
原創(chuàng)作品，允許轉(zhuǎn)載，轉(zhuǎn)載時(shí)請(qǐng)務(wù)必以超鏈接形式標(biāo)明原始出處、作者信息和本聲明，否則后果自負(fù)。
如果你覺得這篇文章對(duì)你有幫助或啟發(fā)，可直接留言和我溝通
