用input type=file也好，用button事件也好，实现图片选取功能。首先读取本地图片文件，选中确定之后显示在页面，每更换一次图片，显示区域要局部刷新一次。求解答。。。。。。。。。。。。。。。。。。。。
3 回答
已采纳
qq_青枣工作室_0
TA贡献446条经验 获得超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
提交
取消