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
関連記事

21 Nov 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードAjax、PHP、および jQuery は、組み合わせて次の画像をアップロードできる強力なツールです。

13 Dec 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードAJAX を使用した複数の画像のアップロードは、慣れていない場合は難しい場合があります...

25 Nov 2024
AJAX、PHP、および jQuery を使用して複数の画像をアップロードする方法 AJAX、PHP、および jQuery を使用して複数の画像をアップロードすることは、次の場合に便利なスキルです。

27 Nov 2024
jQuery の「.submit()」および「.ajax()」を使用した AJAX 経由のファイルの送信概要: 複数のファイルをサーバーにアップロードすることは、Web では一般的な要件です。

21 Nov 2024
AJAX、PHP、および jQuery を使用して複数の画像をアップロードする課題:AJAX を使用して複数の画像をアップロードするのは、特にファイルを送信する場合に難しい場合があります...

24 Nov 2024
AJAX、PHP、および jQuery を使用した複数の画像のアップロードこの説明では、AJAX 技術を使用した複数の画像のアップロードの問題について説明します。

13 Jun 2016
複数の写真をアップロードする際の画像アドレスの保存に関する問題。 [追加] をクリックして画像を追加できます。 画像アドレスの保存方法がわかりません。1 データあたりの画像数に制限がないため、事前に 10,000,000 個のフィールドを作成することはできません。 私が考えたもう 1 つのことは、アップロードされたフォルダーをたどって、アップロード時に新しく作成されたフォルダーの名前を覚えておくことです。これを行う方法がわかりません。 みなさんはどうしていますか?アドバイスをお願いします!

13 Jun 2016
thinkphp3.1で複数のファイルをアップロードするときに、画像とドキュメントを別のフォルダーに保存するにはどうすればよいですか? Thinkphp3.1 は画像とドキュメントをアップロードしますが、それらを個別に保存するにはどうすればよいですか? -------解決策----------------------UploadFile.class.php ファイルを変更しても、getSaveName メソッドで状況は好転します。 (

29 Nov 2024
Go での JSON データと画像の受信ginIn Go を使用すると、Gin フレームワークを使用して HTTP リクエストを処理し、データをカスタム リクエストにバインドできます。


ホットツール Tags

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ
クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
