Is it possible to update FileList?

by

You can’t modify a Filelist, but you can create a new one using a DataTransfer object, and if you wish you can copy your data into it to create a duplicate with the specific change you want to make.

let list = new DataTransfer();
let file = new File(["content"], "filename.jpg");
list.items.add(file);

let myFileList = list.files;

You can then set it as the file attribute of the DOM node:

fileInput.files = myFileList;

If you wished, you could iterate over your old FileList, copying files to the new one.

More Related Contents:

  1. based on mobile number how do i get country code in javascript or anguler 2+ [duplicate]
  2. Access denied for user ‘admin’@’localhost’ (using password: YES) sql exception
  3. ECMAScript 6 arrow function that returns an object
  4. How do I prevent a parent’s onclick event from firing when a child anchor is clicked?
  5. Sort array by firstname (alphabetically) in Javascript [duplicate]
  6. How can I use multiple refs for an array of elements with hooks?
  7. Textarea Auto height [duplicate]
  8. JavaScript: Collision detection
  9. How to loop through selected elements with document.querySelectorAll
  10. Refresh Page and Keep Scroll Position
  11. Difference between jQuery `click`, `bind`, `live`, `delegate`, `trigger` and `on` functions (with an example)?
  12. How to invoke Objective-C method from Javascript and send back data to Javascript in iOS?
  13. JS function to calculate complementary colour?
  14. Mobile Safari: Javascript focus() method on inputfield only works with click?
  15. How do you create a custom adapter for ember.js?
  16. Three.js / WebGL – transparent planes hiding other planes behind them
  17. Angular 6: HTML table create dynamic columns and rows
  18. Javascript – remove an array item by value [duplicate]
  19. Index an array of arrays with an array of indexes in javascript
  20. Get translate3d values of a div?
  21. How can I modify the XMLHttpRequest responsetext received by another function?
  22. Issue with window.close and chrome
  23. How to get the html of a div on another page with jQuery ajax?
  24. Detect if an alert or confirm is displayed on a page
  25. Cancel click event in the mouseup event handler
  26. How are JavaScript arrays implemented?
  27. React Error: “SharedArrayBuffer is not defined” in Firefox
  28. MediaElementAudioSource outputs zeroes due to CORS access restrictions
  29. Is there a purpose to hoisting variables?
  30. How to replace the entire html webpage with ajax response?

Leave a Comment