現在、alphaimageloader フィルターの src 属性が主役であり、絶対または相対 URL アドレスを使用して背景画像を指定します。このパラメータを省略した場合、フィルタは効果がありません。 コードをコピー コードは次のとおりです: #picshow { filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=scale); 幅:88px; } ><! -- <BR>function upimg(imgfile) <BR>{ <BR>var picshow = document.getelementbyid("picshow"); <BR>picshow.filters.item("dximagetransform.microsoft.alphaimageloader") .src = imgfile .value; <BR>picshow.style.width = "125px"; <BR>} <BR></スクリプト> <br></head> <br><div id="picshow"><p> 画像を選択:<入力タイプ= "ファイル" サイズ ="20" onchange="upimg(this);" /></p> <br><br> <br>例 2. 同時に ie6、ie7、ie8、Firefox と互換性があります。 <br><br><br><br><br>コードをコピー<br> </div> <br> コードは次のとおりです:<br><div class="codetitle"> <span><!doctype html public "-/ /w3c/ /dtd xhtml 1.0 transitional//ja" <a style="CURSOR: pointer" data="40251" class="copybut" id="copybut40251" onclick="doCopy('code40251')">"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <u><html xmlns="http :// www.w3.org/1999/xhtml" xml:lang="en" lang="en"> </u><head> <meta http-equiv="content-type" コンテンツ="text /html; charset=utf-8" /> </span><script> </div>var image <div class="codebody" id="code40251">// プレビュー画像 <br>関数 review() >{ <br>document.getelementbyid('preview').style.display = 'none'; <br>// 次のコードは、IE で画像が正常に表示されるように画像サイズを取得するために使用されます <br> document.getelementbyid('box' ).innerhtml <br>= "<img width='" image.width "' height='" image.height "' id='apic' src='" picpath "'> "; <br>} <br>// ビュー ボタンを表示 <br>function buttonshow() <br>{ <br>/* <br>これは、画像の読み込み遅延によって引き起こされるプレビューの失敗を解決するために使用されます。<br>簡単に説明すると、画像オブジェクトの src 属性が変更されると、JavaScript は画像のコンテンツを画像に再読み込みします。<br>読み込みが完了する前に画像を表示したい場合は、通常、時間がかかります。エラーが発生するため、<br>画像の幅と高さを渡して画像が正常にロードされたかどうかを判断し、プレビュー ボタンはロードが完了した後にのみ表示されます。<br>ここではまだ混乱しています。 <br>*/ <br>if ( image.width == 0 || image.height == 0 ) { <br>settimeout(buttonshow, <br>} else); { <br>document.getelementbyid('preview').style.display = 'block'; <br>} <br>} <br>functionloadimage(ele) { <br>picpath = getpath(ele); >画像 = 新しい画像(); <br>画像.src = picpath; <br>settimeout(ボタン表示, 1000) <br>関数 getpath(obj) <br>{ <br>if(obj); <br>{ <br>//ie <br>if (window.navigator.useragent.indexof ("msie")>=1) <br>{ <br>obj.select();つまり、<br>return document.selection.createrange().text; <br>} <br>//firefox <br>else if(window.navigator.useragent.indexof("firefox") の下の画像のローカル パスを取得します。 )>=1) <br>{ <br>if(obj.files) <br>{ <br>// Firefox 上で取得されるのは画像データです <br>return obj.files.item(0)。 getasdataurl(); <br>} <br>return obj.value; <br>} <br>} <br> プレビュー' type='button' value='preview' style='display:none;' onclick='preview( );'> >