Javascript:
let myFile = new Blob(["A file"], { type: "text/plain"});
fetch("server_location.php", {
method: "POST",
body: myFile,
headers: {
"Content-Type": "text/plain"
})
.then((res) => { return res.text(); }
.then((text) => { console.log(text) };
Php:
<?php
var_dump($_FILES)
Required
Should show the file in the file array
Output
array (0)
Please give me a solution so that I can upload custom text blob file created in javascript to my php server.
$_FILES is populated when you upload a request formatted as Multipart Form Data and labeled with the current content-type.
You are uploading a blob labelled as plain text, and stringifed (probably to [object Object]).
To send a multipart request, use a FormData object.
const myFile = new Blob(["A file"], { type: "text/plain"});
const data = new FormData();
data.append("myFile", myFile, "filename.txt");
fetch("server_location.php", {
method: "POST",
body: data,
})
To send plain text and read it:
fetch("server_location.php", {
method: "POST",
body: "a plain text string",
headers: { "Content-Type": "text/plain" }
})
and
$data = file_get_contents("php://input");
file_get_contents would be the right answer.If you are sending a file then "Content-Type" shouldn't be "text/plain".
Set Content-Type to "multipart/form-data".
{
"Content-Type": 'multipart/form-data'
}
multipart/form-data has a mandatory boundary parameter that you omitted.