Make it easier to Upload Files through async middleware, or add this method to documentation? about react-pages

[catamphetamine]

Sure, I can add attach option.
Not sure I understood your idea of automatically attaching files: how could it detect files?
Maybe it could do something like if (data[key] instanceof ...)?
Since you already have the code, you can nail it down: instance of what class the file parameter should be.
Or should it detect if the whole data is FormData and then act accordingly?
But as per your first example it already can post FormData without issues.

[adailey14]

Yep using FormData works just fine, just took me some time digging to figure out how to do that. So just an enhancement idea, not a real "issue".

Yeah I was thinking to use instanceof to detect files or filelists (not sure which would be a cleaner api?)

When using redux-form (not the latest version) with <input type="file" {...field} />, I get passed a FileList object (since you can attach multiple files to a file input?). This code shows the response of instanceof:

// filesList comes from redux-form submit
console.log('What are Instances?', filesList instanceof FileList, filesList[0] instanceof File);
// this logs "true true"

I think you can attach multiple files with superagent for a single key like this:
request.post('/url').attach(key, [file1, file2]) where file1 and file2 are File objects
Maybe you can also attach a FileList directly, I don't know?
request.post('/url').attach(key, fileList)

[catamphetamine]

Ok, I got you, I'll read superagent docs and will come up with something, maybe next day.

[adailey14]

Sounds good - no rush at all, I'm happily using FormData and things are good. It might also be cool to pipe file upload progress info back into the redux state somewhere so we could show progress bars. Just an idea...

[catamphetamine]

Implemented in the newest version [email protected].
See https://github.com/halt-hammerzeit/react-isomorphic-render#ajax