文件读取之更换图片事件

用input type=file也好，用button事件也好，实现图片选取功能。首先读取本地图片文件，选中确定之后显示在页面，每更换一次图片，显示区域要局部刷新一次。求解答。。。。。。。。。。。。。。。。。。。。

swust_li

浏览 1651回答 3

3回答

qq_青枣工作室_0

<!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>

不知名的前端程序猴

去找找JQ的插件吧

Caballarii

大部分浏览器不支持这样的访问方法，要预览图片必须上传了以后预览

随时随地看视频慕课网APP