ホームページ > ウェブフロントエンド > jsチュートリアル > アップロードした画像のJavaScriptプレビューで見つかった問題の解決策_画像の特殊効果

アップロードした画像のJavaScriptプレビューで見つかった問題の解決策_画像の特殊効果

WBOY
リリース: 2016-05-16 18:15:21
オリジナル
1366 人が閲覧しました

まずレンダリングを見てみましょう:
アップロードした画像のJavaScriptプレビューで見つかった問題の解決策_画像の特殊効果
これはめったにない機会であり、技術的なハイライトがいくつかあるので、すぐに機能開発に投資しました。機能開発のこの側面で、私はまだいくつかの良いことを学びました。その 1 つは、ユーザーがアップロードすることを選択した写真をプレビューする方法です。オンラインでいくつかの情報を見つけ、最終的に次の方法を採用しました:

コードをコピー コードは次のとおりです:

function (obj) { //ロゴアップロード追加イベント
var logoimg = null;
if (document.all) {//IE の場合
obj.select(); >logoimg = document .selection.createRange().text;
//フィルターメソッドを使用するため、画像を非表示に設定する必要があり、フィルター効果は画像の外側の DIV に設定されます
$( ".setup_logo_left img").removeAttr("src");
$(".setup_logo_left img").css("display", "none");
var img = document.getElementById("preview_fake") );
img.filters.item(
'DXImageTransform.Microsoft.AlphaImageLoader').src = logoimg;
}
logoimg = obj.files[0].getAsDataURL( );
$(".setup_logo_left img").attr("src", logoimg);


IE6、IE7、IE8、FOX では効果は非常に優れています、あ、もう一つあります 特にわかりにくい360は正常に表示されます。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート