<div class="codetitle"> <span><a style="CURSOR: pointer" data="13100" class="copybut" id="copybut13100" onclick="doCopy('code13100')"><u>コードをコピーします</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code13100"> <br><div id="localImag">< img id= "プレビュー" width="-1" height="-1" style="display:none" /></div> <br><asp:FileUpload ID="file_head" runat="server " onchange= "javascript:setImagePreview();" /> <br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="4814" class="copybut" id="copybut4814" onclick="doCopy('code4814')"><u>コードをコピー</u></a></span> コードは次のとおりです</div> <div class="codebody" id="code4814"> <br><script type="text/javascript"> <br>function setImagePreview() { <br>var docObj = document.getElementById("ctl00_ContentMain_file_head"); fileName = docObj.value; <br>if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) { <br>alert('アップロードした画像の形式が間違っています。もう一度選択してください!'); <br>return false; <br>var imgObjPreview = document.getElementById("preview"); <br>if (docObj.files && docObj.files[0]) { <br>// Firefox では、img 属性を直接設定します <br>imgObjPreview.style.display = 'block'; <br>imgObjPreview.style.width = '63px'; <br>imgObjPreview.style.height = ' 63px'; <br>//imgObjPreview .src = docObj.files[0].getAsDataURL(); <br>if (window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator. userAgent.indexOf("Safari") > ;= 1) { <br>imgObjPreview.src = window.webkitURL.createObjectURL(docObj.files[0]); <br>} <br>else { <br>imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); <br>} <br>} else { <br>//IE では、フィルター <br>docObj.select() を使用します。 (); <br>var imgSrc = document.selection.createRange().text; <br>var localImagId = document.getElementById("localImag"); <br>//<br>localImagId を設定する必要があります。 style.width = "63px"; <br>localImagId.style.height = "63px"; <br>//ユーザーが画像を偽造するためにサフィックスを変更するのを防ぐために画像の例外をキャプチャします<br>try { <br>localImagId.style .filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod=scale)"; <br>localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = <br>} catch (e); 🎜>alert(「アップロードした画像は正しい形式ではありません。もう一度選択してください。 "); <br>return false; <br>} <br>imgObjPreview.style.display = 'none'; <br>document.selection.empty(); <br>} <br>return true; <br> } <br><br></script> <br><br> <br>360 ブラウザ 6.2 は Chrome カーネルを使用しているため、この JS は 360 ブラウザでの画像表示の問題を解決します。 <br><br><br>コードをコピーします</div> <br><br> コードは次のとおりです。<div class="codetitle"><span> <a style="CURSOR: pointer" data="82788" class="copybut" id="copybut82788" onclick="doCopy('code82788')">window.URL.createObjectURL(docObj.files[0]); 🎜><u> </u> Firefox でのみ認識されます。chrome は window.URL.createObjectURL を認識しません。すべて Safari の window.webkitURL.createObjectURL を使用します。</a></span></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
