Clone a file input element in Javascript

by

Guessing that you need this functionality so you can clone the input element and put it into a hidden form which then gets POSTed to a hidden iframe…

IE’s element.clone() implementation doesn’t carry over the value for input type=”file”, so you have to go the other way around:

// Clone the "real" input element
var real = $("#categoryImageFileInput_" + id);
var cloned = real.clone(true);

// Put the cloned element directly after the real element
// (the cloned element will take the real input element's place in your UI
// after you move the real element in the next step)
real.hide();
cloned.insertAfter(real);   

// Move the real element to the hidden form - you can then submit it
real.appendTo("#some-hidden-form");

More Related Contents:

  1. Check if user is using IE
  2. How to clone and change id?
  3. How can I prevent the backspace key from navigating back?
  4. Access denied to jQuery script on IE
  5. Dynamically loading css stylesheet doesn’t work on IE
  6. Jquery: change event to input file on IE
  7. jQuery keypress() event not firing?
  8. What are techniques to get around the IE file download security rules?
  9. window.resize event firing in Internet Explorer
  10. jQuery change event on not firing in IE
  11. How can I detect browser type using jQuery?
  12. Detect fullscreen mode
  13. JQuery Ajax post parameters sometimes not sent on IE
  14. Problem with jQuery.ajax with ‘delete’ method in ie
  15. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  16. getSelection() not working in IE
  17. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  18. SCRIPT1014: Invalid character
  19. “Permission denied” with Internet Explorer and jQuery
  20. Javascript “window.open” code won’t work in Internet Explorer 7 or 8
  21. Showing Placeholder text for password field in IE
  22. Why won’t .filter() work in Internet Explorer 8?
  23. Disable/enable an input with jQuery?
  24. Persist variables between page loads
  25. How to get the anchor from the URL using jQuery?
  26. How to silently hide “Image not found” icon when src source image is not found
  27. Why does my spinner GIF stop while jQuery ajax call is running?
  28. Sticky Header after scrolling down
  29. jQuery $(document).ready () fires twice
  30. How to add font types on Quill js with toolbar options?

Leave a Comment