Delete Function In Html Upload Form

April 14, 2024 Post a Comment

I have simple upload form like this:

Solution 1:

It is not possible to delete a File object from read-only FileList object. You can add File objects to FormData object using .append(), then use .delete() to remove item from FormData() object by referencing the key in FormData; e.g.,

var data = new FormData();
for (var i = 0; i < files.length; i++) {
  data.append("file-" + i, files[i], files[i].name);
};
data.delete("file-0"); // delete `"file-0"` of `data`

then POST the FormData object to server.

You can alternatively add File objects to an Array and use .splice() to remove the item from the array, see input file to array javascript/jquery

Baca Juga

How Can You Flip Website Upside Down In Ie ? (for The April 1st)
How To Display Web Browser Console In A Webpage
How To Detect When A Child-element Of A Contenteditable Div Is Edited Via Keyboard?

Html5 stackoverflow Examples

Delete Function In Html Upload Form

Solution 1:

Post a Comment for "Delete Function In Html Upload Form"