Why is axios not allowing to attach a File object in the PUT method body? #6493
Replies: 1 comment 6 replies
-
|
If you want to upload file try use const form = new FormData();
form.append('file', FileObject);
axios.put(form); |
Beta Was this translation helpful? Give feedback.
-
I have tried that, but in the FormData we have to pass the data in key value pair, so when I had tried to upload the FormData in the pre-signed URL then it gets uploaded, but it does not reflect the data(image/video). what I mean is after uploading the data when I try to open the image/video it shows nothing. It shows something like this.
|
Beta Was this translation helpful? Give feedback.
-
Can you show your full upload example code? |
Beta Was this translation helpful? Give feedback.
-
I am working on a next.js project, where I have to upload an image/video in the S3 bucket through Pre-signed URL. In every video/blog/article everyone is saying to append the file in the body. But, I am unable to do so, as axios is giving me an error of Data after transformation must be a string, an ArrayBuffer, a Buffer, or a Stream, I have done many things to resolve this issue, I have created ArrayBuffers, I have created streams of the file, but nothing was of any use. Then I tried it with fetch API and it worked magically in the first time only. Is there any solution for this problem?
Beta Was this translation helpful? Give feedback.
All reactions