javascript-ファイル入力から特定の画像を削除するにはどうすればよいですか?
phpを使用して製品登録を作成し、vanilla jsを使用して、ファイル入力から選択した画像を取得し、画面でプレビューしています。ここで、ユーザーがフォームを送信する前に不要な画像を削除する方法を提供したいと思います。
フォームには、商品のタイトル、説明、価格、カテゴリの選択に関する画像やその他の入力が含まれています。
これまで多くの場所で、dataTransferオブジェクトを使用して画像を保存し、dataTransferから削除し、ファイル入力(=)を行った後にdataTransferを実行できると言われていますが、私が見つけた答えはありません。はるかにうまくいきました。
選択した画像をファイル入力から削除する方法はありますか?
答え :
解決策:
@CBroe jsでのデータ転送について話しています( https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer )。コメントありがとうございます。ファイル入力のファイルリストからファイルを削除できない場合は、それらのデータをどこかに保存し、フォームの任意の送信を作成する必要があります。
ありがとうございます
答え :
解決策:
@RiggsFollyユーザーはファイル入力 ファイル入力に挿入されたファイルから選択した画像を削除できるかどうか知りたいと思いました。次に、ファイルの名前を参照(またはその他の参照)として使用して画像を削除します。入力ファイルからファイルを削除する方法を見つけられませんでした。<input type="file" multiple>をクリックし、4つの画像を選択します(たとえば)。これらの画像はjsスクリプトによって読み取られ、プレビューとして画面に表示されます。各画像の上に小さなゴミのアイコンを表示して、ユーザーが特定の画像を削除できるようにしたいのです。
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。