##选择图片后即时显示 ~~~ <input type="file" name="name" value="图片" id="file"> <img src="#" alt="上传图片" id="img" style="width:100px; height:100px"/> <script type="text/javascript"> /** * @author winter * @version 2015年11月19日17:26:23 * @description 点击即时显示图片。无需上传 */ window.onload = function() { var file = document.getElementById("file"); var img = document.getElementById("img"); file.onchange = function() { //console.log(file.files); //console.log(window.URL.createObjectURL(file.files[0])); img.src = window.URL.createObjectURL(file.files[0]); //即时显示图片。 //参考文档 https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications } } </script> ~~~