Attaching a blob to a form using FormData append not working

Asked Mar 25 '18 at 17:13

Active Mar 25 '18 at 17:30

Viewed 90 times

I have a blob with a file and want to attach it to a form.

This is my code:

var blob = getBlob(); //has the blob
var form = document.querySelector('.my-form');
var formData = new FormData(form);
formData.append('imageFile', blob);

Then when I submit the form to a send.php file, I try this:

echo $_FILES['imageFile']['tmp_name'];

and get nothing. What am I doing wrong here? Thanks in advance!

edited Mar 25 '18 at 17:30

asked Mar 25 '18 at 17:13

nick

2,397
4
26
46

1

that's because you have a parse error; as in `unexpected T_ECHO`. – Funk Forty Niner Mar 25 '18 at 17:15
Either echo $file after setting it or remove the $file = part – nitrex Mar 25 '18 at 17:17
@FunkFortyNiner tried removing the "$file =" part and still can't see anything – nick Mar 25 '18 at 17:21
@FunkFortyNiner also, if I add a and upload the file manually, I do see the tmp_name – nick Mar 25 '18 at 17:21
Adding a file to a FormData object does not add it to the form – Musa Mar 25 '18 at 17:23
@Musa then what does it do? And how do I add it to the form? – nick Mar 25 '18 at 17:24
Upload the file via ajax... – Musa Mar 25 '18 at 17:25
Possible duplicate of [PHP parse/syntax errors; and how to solve them?](https://stackoverflow.com/questions/18050071/php-parse-syntax-errors-and-how-to-solve-them) – Rotimi Mar 25 '18 at 17:28
@Musa oh I get it now, I need to append the blob right before sending the form via ajax, the use the formdata as the data property? – nick Mar 25 '18 at 17:29
@Akintunde007 wut? – nick Mar 25 '18 at 17:29

Attaching a blob to a form using FormData append not working

0 Answers0