Send a blob from js to liveview handle_event

[floodico]

• Append a blob as a file to an actual <input type="file">, then let LV handle the rest. Sadly, this is not possible with browser APIs.

you can attach File or Blob instances to the live_file_input

Attach files to `live_file_input` from js

Hello community, I’ve been exploring the possibility of programmatically setting files in the browser and associating them with a live_file_input in a Phoenix LiveView application. I’ve attempted the following script, but it doesn’t seem to be working as expected: let file = new File([e.detail.blob], "avatar_preview.png", { type: "image/png" }); let fileInput = document.querySelector('input[name="avatar_preview"]'); let dataTransfer = new DataTransfer(); dataTransfer.items.add(file); fileInput…