<div class="codetitle"> <span><a style="CURSOR: pointer" data="14597" class="copybut" id="copybut14597" onclick="doCopy('code14597')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code14597"> <br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 移行//EN"> <BR><html> <BR><頭> <BR><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><script type="text/javascript"> <br>/**<br>* ファイルドメインからローカル画像の URL を取得します <br>*/ <br>function getFileUrl(sourceId) { <br>var url; <br>if (navigator.userAgent.indexOf("MSIE")>=1) { // IE <br>url = document.getElementById(sourceId).value; <br>} else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox <br>url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)) ; <br>} else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome <br>url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)) ; <br>} <br>URL を返します。 <br>} <br><br>/**<br>* ローカル画像をブラウザに表示 <br>*/ <br>function preImg(sourceId, targetId) { <br>var url = getFileUrl(sourceId); <br>var imgPre = document.getElementById(targetId); <br>imgPre.src = URL; <br>} <br></script> <br></head> <br> <br><フォームアクション=""> <br><input type="file" name="imgOne" id="imgOne" onchange="preImg(this.id,'imgPre');" /> <BR><img id="imgPre" src="" width="300px" height="300px" style="display: block;" /> <BR></form> <br></body> <br></html> <br> </div>