" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <u>//ローカル画像プレビュー</u>function setImagePreview(fieldupload, image, imagediv) ) { </a>var docObj = document.getElementById(fieldupload); </span>var imgObjPreview = document.getElementById(image); </div>if (docObj.files && docObj.files[0]) { <div class="codebody" id="code96863">/ / Firefox では、img 属性を直接設定します <br>imgObjPreview.style.display = 'block'; <br>imgObjPreview.style.width = '150px'; //imgObjPreview.src = docObj.files[0].getAsDataURL(); <br>//Firefox 7 以降では、上記の getAsDataURL() メソッドを使用して取得することはできず、次のメソッドが必要です <br>imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); <br>} else { <br>//IE では、フィルター <br>docObj.select(); <br>var imgSrc = document.selection.createRange ().text; <br>var localImagId = document.getElementById(imagediv); <br>//初期サイズを設定する必要があります<br>localImagId.style.width = "150px"; = "150px"; <br>//ユーザーがサフィックスを変更して画像を偽造するのを防ぐために画像の例外をキャプチャします<br>try { <br>localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) "; localImagId.filters. item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; <br>} catch (e) { <br>alert("アップロードした画像の形式が間違っています。もう一度選択してください。 "); <br>return false ; <br>} <br>imgObjPreview.style.display = 'none'; <br>document.selection.empty(); <br>} <br>return true; <br> } <br> < ;div> ;
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
