File Input Fields Not Supported

[zakcrawford]

I ran into a situation where I wanted to be able to add data-remote="true" to a file input field. Turns out this doesn't work by default.

I made it work, here's a link to the gist: https://gist.github.com/zakcrawford/b05b1399208fcb257ff9

This will only work in browsers that support FormData();
(IE 10+, modern version of gecko and webkit)

Not sure if this is something that people are interested in, but if someone wants to create a way to do this that won't break in old browsers feel free to use my code as a starting point. The current test suite passed with my change, but I did not add any new tests.

[kevinhughes27]

I also ran into this issue and implemented a very similar fix. It would be nice to see it included. You are right about the old browsers issue I think this would need to be addressed before this would be included.

[zakcrawford]

Unfortunately the only solution for old browsers is to create iFrames, there are existing solutions for rails 3.0+ but they're all pretty ugly.
I think that a graceful degradation solution could work.

[kevinhughes27]

I think you might be right. Would love to see this included.

[lucasmazza]

I would leave this outside jquery-ujs until we drop support for IE 8/9 (and I honestly don't know which versions we should be supporting at the moment). Would be awesome if someone released the FormData support as some kind of plugin for jquery-ujs.