上傳圖片時JS自動顯示圖片

2019-11-21 01:12:34

字體：大中小

供稿：網(wǎng)友

<HTML> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <HEAD> <TITLE>javascript 圖片預(yù)覽</TITLE> </HEAD> <BODY> <script> function preview(imgFile,num) { //預(yù)覽代碼，支持 IE6、IE7。 var newPreview = document.getElementById("preview1"); var t ; if(document.all) //IE t = imgFile.value; else t = imgFile.files[0].getAsDataURL(); //FF newPreview.style.backgroundImage = "url(" + t + ")";//imgFile.value; newPreview.style.width = "108px"; newPreview.style.height = "130px"; newPreview.style.display = "block"; } </script> <input type="file" onchange='ShowImg(this)' /> <div   class="iwvjtn8m0"   id="preview1" style="border:1px solid #FFCC00; width:108px; height:130px;display:block" > </div> <script>function ShowImg(o) { //var Browser_Agent=navigator.userAgent; //if(Browser_Agent.indexOf("Firefox")!=-1) //{ //火狐使用 // document.getElementById("idImg").src=o.files[0].getAsDataURL(); // document.getElementById("idImg").style.display = "block"; // } //else //{ preview(o,1); //} } </script> </BODY> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：Javascript array類數(shù)組操作方法

下一篇：Javascript+XMLHttpRequest+asp.net無刷新讀取數(shù)據(jù)庫數(shù)據(jù)