I’m working on a work project where a user can select a PDF using elm/file and then send it to our server. Given other dependencies, we’re still using elm/http 1.0, which doesn’t support file uploads. My solution was to convert to a dataUri and send across a port to upload, but this isn’t ideal. On…

Hmm, one weird hack I can think of would be to send the file using Http.fileBody, and then intercept it with a service worker :smile: Probably not the best though. Doh nvm, you said you’re using http 1.0. I somehow thought you wanted to get the file into JS. edit2: or actually I guess I read it co…

[image] Herteby: Hmm, one weird hack I can think of would be to send the file using Http.fileBody , and then intercept it with a service worker :smile: Probably not the best though. I considered that for the upcoming project, but have to support some iOS devices that predate service workers (…

I haven’t tested this, but I was looking at how file inputs work and it basically keeps the File object from JS around. One way you could work with that is using createObjectURL to get a blob: URL that you can use to reference the file later on. You could send the blob URL to Elm, and when it’s ti…

[image] Dan_Abrams: Given other dependencies, we’re still using elm/http 1.0 , which doesn’t support file uploads. Can you list the dependencies? Maybe it would be easier to just upgrade everything.

[image] hpate: One way you could work with that is using createObjectURL to get a blob: URL that you can use to reference the file later on. You could send the blob URL to Elm, and when it’s time to send it to the server send info out a port (including the blob: url), and have it do the upload f…

Using createObjectURL just gives you a string, it doesn’t base64 it or anything, it doesn’t have any overhead on the Elm side.

[image] Dan_Abrams: Regardless, we have a project coming up where we have to send through a port to send a blob to an api that isn’t wrapped by a core library or exploration yet (indexedDB), and I’m sure there’s other instances where it will come up. For these very custom cases I guess the be…

[image] pdamoc: Get the fileRef in Elm, send it to JS as a Value and then read the contents and send them where they need to get it in JS. Can we encode an opaque type as a value? How do we get the fileRef on the elm side? I considered writing a clone of elm/file using ports to do the file s…

I built a file sharing app to tryout Elm for real some months ago, which was in the pre-elm/file and elm/html@1 days. What I ended up doing is sending custom Request records that mirrored the elm/html structure over a port. I left the javascript File object I got from the event unencoded (using Jso…

Sending a File through a port

Learn

pdamoc April 5, 2019, 11:18pm 11

You use a custom event handler on an input. It would look like this. You can then use the FileRef to send the file where it needs to get using your preferred JS method. .

Easier Sending a File Through a Port (or double-decoding a Json value)

Topic		Replies	Views
How can one upload files using Elm? Learn	16	5894	September 2, 2018
File uploads without native code? Learn	14	3683	March 15, 2018
How can one upload files using Elm? (digging the old grave) Learn	14	468	November 19, 2024
New package alternative/complementary to elm/file Show and Tell	1	588	March 30, 2021
How to generate a File object? Learn	8	2714	May 4, 2020

Sending a File through a port

Related topics