jQuery + svg 複数の画像を同時にアップロードするプレビューコード
代コード部分:
関数プレビュー(ファイル) {
var prevDiv = $(file).parent().find('.preview');
if (file.files && file.files[0]) {
var Reader = new FileReader();
Reader.onload = function(evt) {
prevDiv.html('<img src="' + evt.target.result + '" />');
}
Reader.readAsDataURL(file.files[0]);
} else {//IE
prevDiv.html('<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div> ;');
}
$(file).parent().find('.delete').show();
}
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
20 Jan 2018
今回はHTMLベースで複数画像アップロード時のプレビュー効果を作成する方法を紹介します。 HTMLベースで複数画像アップロード時のプレビュー効果を作成する際の注意点は何でしょうか。実際の事例を見てみましょう。
13 Jul 2016
複数の画像をアップロードするには、PHP で jquery Uploadify を使用します。 jquery Uploadify は Ajax スタイルのバッチ画像アップロード プラグインです。PHP で jquery Uploadify を使用すると非常に便利です。この記事で紹介した方法と手順に従って、PHP プログラムに jquery を追加してください。
22 Feb 2024
jQuery は、Web 開発で広く使用されている人気のある JavaScript ライブラリです。これにより、Web ページでの JavaScript の操作が簡素化され、開発者はさまざまな操作をより迅速かつ効率的に完了できるようになります。 Web開発では要素に複数の属性値を同時に設定する必要がある場面がよくありますが、この機能を実現する便利なメソッドがjQueryです。このチュートリアルでは、jQuery を使用して要素の複数の属性の値を同時に設定する方法と、具体的なコード例を紹介します。一緒にいよう
21 Nov 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードAjax、PHP、および jQuery は、組み合わせて次の画像をアップロードできる強力なツールです。
27 Nov 2024
jQuery の「.submit()」および「.ajax()」を使用した AJAX 経由のファイルの送信概要: 複数のファイルをサーバーにアップロードすることは、Web では一般的な要件です。
13 Dec 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードAJAX を使用した複数の画像のアップロードは、慣れていない場合は難しい場合があります...
25 Nov 2024
AJAX、PHP、および jQuery を使用して複数の画像をアップロードする方法 AJAX、PHP、および jQuery を使用して複数の画像をアップロードすることは、次の場合に便利なスキルです。
21 Nov 2024
AJAX、PHP、および jQuery を使用して複数の画像をアップロードする課題:AJAX を使用して複数の画像をアップロードするのは、特にファイルを送信する場合に難しい場合があります...
24 Nov 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードこの説明では、AJAX 技術を使用した複数の画像のアップロードの問題について説明します。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER