バックグラウンド
ユーザーが情報をアップロードして画像ファイルを追加できる場所を作成しています。フォーム情報とファイル名は mysql db に保存されます。Bootstrap を使用して、サイトのスタイリングを行っています。
このページでは、ブートストラップ モーダルを使用して、ユーザーが入力できるフォームを表示します。フォームには、ドラッグ アンド ドロップのファイル アップロード エリアがあります。フォームが送信されると、ファイルがアップロードされます。
<div>ファイルがドロップされると、ファイルに関する情報がプレースホルダー内のモーダルに表示されます。
問題
問題は、ファイルを含むレコードが送信されると、フォームを含むモーダルがユーザーから閉じられる (非表示になる) ことです。フォームは休む必要があります。その後、フォームを再度開いて別のレコードを追加し、ファイルを追加すると、画像ホルダーが 2 回読み込まれます。画像ホルダーが複製される回数は、モーダルが以前に表示された回数によって異なります。
質問
ファイル情報を保持する配列が from または from ごとにリセットされるようにスクリプトを変更するにはどうすればよいですか?modal('show')
私のスクリプトはこちらhttps://jsfiddle.net/mielie007/9vz5m7da/3/