Question 40366 in PHP Question posted in
Official manual can be found here.

Upload a blob file created using javascript to a php server

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.

Tags:

2

Answers


  1. 0

    $_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:

    • Don’t use a blob
    • Do read from STDIN
    fetch("server_location.php", {
    method: "POST",
    body: "a plain text string",
    headers: { "Content-Type": "text/plain" }
})

    and

    $data = file_get_contents("php://input");
    Login or Signup to reply.
  2. 0

    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'
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search