上传自动显示图片 代码
生活随笔
收集整理的這篇文章主要介紹了
上传自动显示图片 代码
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<html>
?<head>
? <title>上傳自動顯示圖片</title>
?? <script type="text/javascript">
? function view()
? {
??? document.all.photo.style.visibility='visible'
??? var img = document.getElementById('myImg');
?var fileinput = document.getElementById('uploadfile');
??? if(fileinput.value!='')
?{
?? img.src=fileinput.value;
?}
? }
? </script>
?</head>
?<body>
? <input type="file" id="uploadfile" οnchange="view();"></input>
? <br>
?? <div id="photo" style="visibility='hidden'">??
?<img src="" id="myImg" />
?? </div>
?</body>
</html>
?<head>
? <title>上傳自動顯示圖片</title>
?? <script type="text/javascript">
? function view()
? {
??? document.all.photo.style.visibility='visible'
??? var img = document.getElementById('myImg');
?var fileinput = document.getElementById('uploadfile');
??? if(fileinput.value!='')
?{
?? img.src=fileinput.value;
?}
? }
? </script>
?</head>
?<body>
? <input type="file" id="uploadfile" οnchange="view();"></input>
? <br>
?? <div id="photo" style="visibility='hidden'">??
?<img src="" id="myImg" />
?? </div>
?</body>
</html>
總結(jié)
以上是生活随笔為你收集整理的上传自动显示图片 代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： struts1.2文件上传
- 下一篇： javascript 二级动态下拉菜单选