Webuploaderマルチピクチャアップロード：すべての畫(huà)像パスを取得して入力ボックスに保存する方法は？
Apr 04, 2025 pm 10:18 PM
Webuploaderマルチピクチャアップロード：すべての畫(huà)像パスを完全に保存します
Web Uploaderを使用して複數(shù)の畫(huà)像をアップロードする場(chǎng)合、すべての畫(huà)像パスを入力ボックスに保存する必要がある場(chǎng)合は、 $("#info3").val(JSON.stringify(response.imgurl));各アップロードが前のパスを上書(shū)きするため、最後の畫(huà)像のパスを直接保存します。この記事では、すべての畫(huà)像パスがそのまま保存されるようにするソリューションを提供します。
問(wèn)題のルートは、元のコードが正常にアップロードされるたびに入力ボックスの値を上書(shū)きすることです。解決策は、配列を作成し、アレイに正常にアップロードされた畫(huà)像パスを追加し、最後に配列の內(nèi)容を入力ボックスに書(shū)き込むことです。
改善されたコード：
var imgurls = [];
uploader.on（ 'uploadsuccess'、function（file、response）{
// #imgs_url（オプション）の畫(huà)像パスを表示する
$（ "＃imgs_url"）。<br> "）;
// imgurlsアレイImgurls.push（respons.imgurl）に畫(huà)像パスを追加します。 // json.stringifyなしで直接パスを押します
//アレイコンテンツをコンマセパレータを使用して文字列に連結(jié)し、入力ボックス$（ "＃info3"）。
}）;
このコードは、最初に空の配列imgUrlsを定義します。 uploadSuccessイベントでは、 response.imgurlアレイに直接押し込みます（ JSON.stringifyは、 joinメソッドが自動(dòng)的に処理されるため）。最後に、 join(',')メソッドを使用して、配列要素をコンマで文字列に連結(jié)し、この文字列を#info3入力ボックスに割り當(dāng)てます。このように、 #info3入力ボックスには、すべてのアップロードされた畫(huà)像へのパスが含まれています。
この方法により、アップロードされた畫(huà)像のパスがアレイに追加され、上書(shū)きが回避され、すべてのアップロードされた畫(huà)像のパス情報(bào)が完全に保存されます。オプションの$("#imgs_url").append(...)パーツは、ユーザーが簡(jiǎn)単に表示できるように、ページにアップロードされた畫(huà)像パスを表示するために使用されます。
以上がWebuploaderマルチピクチャアップロード：すべての畫(huà)像パスを取得して入力ボックスに保存する方法は？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫(huà)像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫(xiě)真を作成する AI 搭載アプリ
AI Clothes Remover
寫(xiě)真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類(lèi)リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8639
17
1786
16
1729
56
1581
29
1446
31
RedisキャッシュがSpring Bootで失敗した場(chǎng)合はどうすればよいですか？
Apr 19, 2025 pm 08:03 PM
スプリングブートでは、Redisを使用してOAuth2Authorizationオブジェクトをキャッシュします。 Springbootアプリケーションでは、Springsecurityouth2authorizationserverを使用してください...
フィールドをMySQLテーブルに追加および削除する手順
Apr 29, 2025 pm 04:15 PM
MySQLでは、AlterTabletable_nameaddcolumnnew_columnvarchar（255）afterexisting_columnを使用してフィールドを追加し、andtabletable_namedopcolumncolumn_to_dropを使用してフィールドを削除します。フィールドを追加するときは、クエリのパフォーマンスとデータ構(gòu)造を最適化する場(chǎng)所を指定する必要があります。フィールドを削除する前に、操作が不可逆的であることを確認(rèn)する必要があります。オンラインDDL、バックアップデータ、テスト環(huán)境、および低負(fù)荷期間を使用したテーブル構(gòu)造の変更は、パフォーマンスの最適化とベストプラクティスです。
gitstatusリポジトリステータスの表示に関する詳細(xì)な分析
May 22, 2025 pm 10:54 PM
gitstatusコマンドは、作業(yè)ディレクトリと一時(shí)ストレージエリアのステータスを表示するために使用されます。 1.現(xiàn)在のブランチを確認(rèn)します。2。作業(yè)ディレクトリと一時(shí)的な保管エリアを比較します。3。一時(shí)的な保管エリアと最後のコミットを比較します。4。開(kāi)発者が倉(cāng)庫(kù)の狀態(tài)を理解し、コミットする前に省略がないことを確認(rèn)するのに役立ちます。
PhpstudyにJoomla Webサイトを展開(kāi)するための詳細(xì)な手順
May 16, 2025 pm 08:00 PM
PHPStudyにJoomla Webサイトを展開(kāi)する手順には次のものがあります。1）PHPSTUDYの構(gòu)成、ApacheおよびMySQLサービスの実行とPHPバージョンの互換性を確認(rèn)してください。 2）PHPStudyのWebサイトを公式Joomla WebサイトからPhpStudyのルートディレクトリにダウンロードして減圧し、インストールウィザードに従ってブラウザを介してインストールを完了します。 3）Webサイト名の設(shè)定やコンテンツの追加など、基本的な構(gòu)成を作成します。
Win8システムの詳細(xì)な手順を復(fù)元する方法
May 07, 2025 pm 05:00 PM
Windows 8でシステムの復(fù)元を開(kāi)始する手順は次のとおりです。1。WindowsキーXを押して、ショートカットメニューを開(kāi)きます。 2?！弗偿螗去愆`ルパネル」を選択し、「システムとセキュリテ?！工蛉肓Δ?、「システム」をクリックします。 3.「システム保護(hù)」を選択し、[システムの復(fù)元]をクリックします。 4.管理者パスワードを入力し、復(fù)元ポイントを選択します。適切な復(fù)元ポイントを選択する場(chǎng)合は、問(wèn)題が発生する前に復(fù)元ポイントを選択するか、システムが適切に実行されている特定の日付を覚えておくことをお?jiǎng)幛幛筏蓼?。システムの?fù)元プロセス中に、「システムの復(fù)元が完了できない」と遭遇した場(chǎng)合、別の復(fù)元ポイントを試すか、「SFC/Scannow」コマンドを使用してシステムファイルを修復(fù)できます。復(fù)元後、システムの操作ステータスを確認(rèn)し、ソフトウェアを再インストールまたは構(gòu)成し、データを再バックし、定期的に新しい復(fù)元ポイントを作成する必要があります。
Binance公式Webサイト最新の住所は直接入力します
May 20, 2025 pm 05:36 PM
Binanceの公式ウェブサイトへの最新のアドレスにアクセスすることは、検索エンジンのクエリを通じて取得し、公式のソーシャルメディアをフォローできます。 1）検索エンジンを使用して、「Binance公式Webサイト」または「Binance」を入力し、公式ロゴでリンクを選択します。 2）Binanceの公式Twitter、Telegram、その他のアカウントをフォローして、最新の投稿を表示して最新のアドレスを取得します。
