Webuploaderマルチピクチャアップロード：すべての画像パスを取得して入力ボックスに保存する方法は？

Webuploaderマルチピクチャアップロード：すべての画像パスを完全に保存します

Web Uploaderを使用して複数の画像をアップロードする場合、すべての画像パスを入力ボックスに保存する必要がある場合は、 $("#info3").val(JSON.stringify(response.imgurl));各アップロードが前のパスを上書きするため、最後の画像のパスを直接保存します。この記事では、すべての画像パスがそのまま保存されるようにするソリューションを提供します。

問題のルートは、元のコードが正常にアップロードされるたびに入力ボックスの値を上書きすることです。解決策は、配列を作成し、アレイに正常にアップロードされた画像パスを追加し、最後に配列の内容を入力ボックスに書き込むことです。

改善されたコード：

 var imgurls = [];

uploader.on（ 'uploadsuccess'、function（file、response）{
    // #imgs_url（オプション）の画像パスを表示する
    $（ "＃imgs_url"）。<br> "）;

    // imgurlsアレイImgurls.push（respons.imgurl）に画像パスを追加します。 // json.stringifyなしで直接パスを押します

    //アレイコンテンツをコンマセパレータを使用して文字列に連結し、入力ボックス$（ "＃info3"）。 
}）;

このコードは、最初に空の配列imgUrlsを定義します。 uploadSuccessイベントでは、 response.imgurlアレイに直接押し込みます（ JSON.stringifyは、 joinメソッドが自動的に処理されるため）。最後に、 join(',')メソッドを使用して、配列要素をコンマで文字列に連結し、この文字列を#info3入力ボックスに割り当てます。このように、 #info3入力ボックスには、すべてのアップロードされた画像へのパスが含まれています。

この方法により、アップロードされた画像のパスがアレイに追加され、上書きが回避され、すべてのアップロードされた画像のパス情報が完全に保存されます。オプションの$("#imgs_url").append(...)パーツは、ユーザーが簡単に表示できるように、ページにアップロードされた画像パスを表示するために使用されます。

以上がWebuploaderマルチピクチャアップロード：すべての画像パスを取得して入力ボックスに保存する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。