JavaScriptマルチイメージアップロード：最後の画像アドレスを保存するのではなく、すべての画像アドレスを保存する方法は？

JavaScriptイメージに関する質問パス処理をアップロードします

複数の画像をアップロードする場合、最後の画像のアドレスを保存するだけでなく、すべての画像のアドレスを保存することは一般的な問題です。この記事では、次のコードスニペットにこの機能を実装するためにコードを変更する方法について説明します。

コードスニペットには、Webuploaderプラグインを使用して複数の画像アップロードを実装する関数が表示されます。 uploader.on（ 'uploadsuccess'、function（file、response）{...}）;このコードは、各画像のアップロードが成功した後に実行されますが、元のコードは$（ "＃info3"）。val（json.stringify（response.imgurl））;このコード行は、毎回＃info3入力ボックスの値を上書きし、最後に最後の画像のアドレスを取得できるようになります。

この問題を解決するために、すべてのアップロードされた画像のアドレスを保存し、各アップロードが成功した後に新しいアドレスを配列に追加する配列を作成できます。最後に、配列内のすべてのアドレスが何らかの形式で接続され、＃info3入力ボックスに割り当てられます。

変更されたコードは次のとおりです。

 var imgurls = [];

uploader.on（ 'uploadsuccess'、function（file、response）{
    $（ "＃imgs_url"）。append（json.stringify（response.imgurl） "<br>"）;

    imgurls.push（json.stringify（respons.imgurl））;

    $（ "＃info3"）。val（imgurls.join（ '、'））;
}）;

このコードは、最初に空の配列imgurlsを定義します。各アップロードが成功すると、返された画像アドレスjson.stringify（response.imgurl）がimgurls配列に追加されます。最後に、Join（ '、'）メソッドを使用して、配列内のすべてのアドレスをコンマとスペースで連結し、結果を＃info3入力ボックスに割り当てます。このように、＃INFO3入力ボックスには、すべてのアップロードされた画像のアドレスが含まれています。 $（ "＃imgs_url"）。append（json.stringify（response.imgurl） "
"）;このコード行は変更されておらず、ページにすべての画像アドレスを表示し続けています。このようにして、アップロードされたすべての画像のアドレスを正しく取得できます。

以上がJavaScriptマルチイメージアップロード：最後の画像アドレスを保存するのではなく、すべての画像アドレスを保存する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。