ホームページ > 記事 > ウェブフロントエンド > ローカル画像プレビュー (IE6/IE7/IE8/Firefox3 をサポート) エクスペリエンスの概要_JavaScript スキル
ローカル画像プレビュー (IE6/IE7/IE8/Firefox3 をサポート) エクスペリエンスの概要_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 17:39:301250ブラウズ
最近、Webプロジェクトの開発中にローカル画像プレビューの必要性に遭遇しましたが、他の理由で最終的には使用できませんでしたが、それでもある程度理解して整理しました。
ここでは、Opera、Safari、Chrome を除いて、主に IE6、IE7/8、Firefox3 を含むブラウザ別に分けています。これら 3 つは基本的に需要が非常に少ないため、研究されていません。
要約すると、:
IE6 では、file の値から直接画像パスを取得してプレビューを表示できます。
IE7 および IE8 では、select を通じてファイルの画像パスを取得し、フィルターを使用してプレビューを表示します。
FireFox でファイルの getAsDataURL メソッドを呼び出し、プレビューを表示するための Data URI データを取得します。
以下は完全なデモです:
コードをコピーします コードは次のとおりです:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。