画像をアップロードし、画像をプレビューして、アップロード後に画像がどのように表示されるかを確認します。この関数は js で実装され、fileupload コントロールの変更イベントで呼び出されます。これにより、画像が選択された後、次のようになります。ファイルをアップロードすると、画像が自動的に表示されます。機能は非常にシンプルですが、非常に実用的です。 プレビュー画像の js コード: コードをコピー コードは次のとおりです。 <br>関数 setImagePreview(docObj,localImagId,imgObjPreview) <br>{ <br>if(docObjfiles && docObjfiles[0]) <br>{ <br>// Firefox では、img 属性を直接設定します。 <br>imgObjPreviewstyledisplay = 'block'; <br>imgObjPreviewstyleheight = '200px'; Firefox 7 以降で使用される 上記の getAsDataURL() メソッドには次のメソッドが必要です: <br>imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[0]) <br>} <br>else <br>{ <br>//IE では、 use filter <br> docObjselect(); <br>var imgSrc = documentelectioncreateRange()text; <br>//初期サイズを設定する必要があります<br>localImagIdstylewidth = "200px"; 🎜>//画像は異常です ユーザーがサフィックスを変更して画像を偽造するのを防ぐためのキャプチャです <br>try <br>{ <br>localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)"; <br>localImagIdfiltersitem("DXImageTransformMicrosoftAlphaImageLoader") ")src = imgSrc; <br>} <br>catch(e) <br>{ <br>alert("アップロードした画像の形式が間違っています。もう一度選択してください!"); <br>return false; <br>} <br>imgObjPreviewstyledisplay = 'none' ; <br>documentselectionempty(); <br>return <br>} <br> >fileupload コントロールと画像のプレビューに使用される画像: コードをコピー コードは次のとおりです: < /asp:FileUpload> 関数は非常にシンプルで、コードも非常に理解しやすいです。誰でも理解できると思います。私はナンセンスなことを話さなければなりません。このような記事を書くのにあまり言うことはないと思うので、多くは言わずにコードに集中しましょう。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
