文件读取之更换图片事件
用input type=file也好，用button事件也好，实现图片选取功能。首先读取本地图片文件，选中确定之后显示在页面，每更换一次图片，显示区域要局部刷新一次。求解答。。。。。。。。。。。。。。。。。。。。
swust_li浏览 1618回答 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
相关分类
Html5
JavaScript
JQuery