Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Assigning a blob to a form does not convert it to FormData

See original GitHub issue

Versions:

@inertiajs/inertia version: 0.8.4
@inertiajs/inertia-vue3 version: 0.3.5

Describe the problem:

When assigning a Blob to a form created with useForm, the form’s payload is not converted to a FormData object prior to submission. Hence, the uploaded file is never sent.

Steps to reproduce:

form : useForm({
    avatar : Blob,
}),

Issue Analytics

State:
Created 3 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

reininkcommented, Feb 24, 2021

Published: https://github.com/inertiajs/inertia/releases/tag/v0.8.5

1reaction

reininkcommented, Feb 24, 2021

Understood! The change in #515 totally fixes this. Just tried it out myself in Ping CRM. 👍

Top Results From Across the Web

How to give a Blob uploaded as FormData a file name?

It is asking about assigning a filename, and doesn't the original filename qualify as a valid filename? – Mrchief. Jun 16, 2014 at...

Using FormData Objects - Web APIs | MDN

The number assigned to the field "accountnum" is immediately converted into a string by the FormData.append() method (the field's value can be a ......

Appending a Blob to FormData fails when filename not ...

I was able to address this in my own code for the time being by supplying the 3rd argument ( filename ) to...

FormData - The Modern JavaScript Tutorial

This chapter is about sending HTML forms: with or without files, with additional fields and so on. FormData objects can help with that....

BLOBs with RESTful API - Code On Time

The BLOB data is physically stored in the database or external storage. ... The order of the fields in the form-data is not...