swust_li
2016-04-14 13:56:24
用input type=file也好,用button事件也好,實現(xiàn)圖片選取功能。首先讀取本地圖片文件,選中確定之后顯示在頁面,每更換一次圖片,顯示區(qū)域要局部刷新一次。求解答。。。。。。。。。。。。。。。。。。。。
3 回答
已采納

qq_青棗工作室_0
TA貢獻(xiàn)446條經(jīng)驗 獲得超754個贊
<!DOCTYPE html>
<input id="input" type="file">
<div id="show"></div>
<script>
var input = document.getElementById("input");
input.onchange = function() {
if(!input.value) return;
var file = input.files[0];
if(!/image\/.+/.test(file.type)) return;
var reader = new FileReader();
reader.onload = function() {
document.getElementById('show').innerHTML = '<img src="' + this.result + '">';
}
reader.readAsDataURL(file);
}
</script>
添加回答
舉報
0/150
提交
取消