Как сконвертировать Blob в файл PHP?

Question

[Ihor]

Всем привет !
После отправки на back-end audio файла получаю такую ссылку :

blob:https://example.site/f41e89f5-f280-4081-bed4-...

Как с помощю PHP создать с blob аудио
файл ?

const sendData = async (url, data) => {
  const response = await fetch(url, {
    method: 'POST',
    body: data,
    cache: 'no-cache',
  });

  if (!response.ok) {console.log('123123123')}

  return await response.formData();
};


const forma = document.querySelector('.form');
forma.addEventListener('submit' , function(e){
  e.preventDefault()
  
  const formData = new FormData(forma)
  formData.set('action', 'send_audio');
  sendData('https://shellsays.art/wp-admin/admin-ajax.php' , formData).then(()=>{forma.reset();})
})

Answer 1

[zkrvndm]

Blob это и есть файл, когда вы его отправляйте на сервер, с точки зрения php к нему приходит самый обычный файл, словно он отправлен из обычной формы. Тут вопросы могут быть лишь к скрипту, которым вы Blob отслыайте.

Покажите JavaScript которым Blob шлете.

Comments

[Ihor]

const sendData = async (url, data) => {
  const response = await fetch(url, {
    method: 'POST',
    body: data,
    cache: 'no-cache',
  });

  if (!response.ok) {console.log('123123123')}

  return await response.formData();
};


const forma = document.querySelector('.form');
forma.addEventListener('submit' , function(e){
	e.preventDefault()
	
	const formData = new FormData(forma)
	formData.set('action', 'send_audio');
	sendData('https://shellsays.art/wp-admin/admin-ajax.php' , formData).then(()=>{forma.reset();})
})

[zkrvndm]

Ihor, я здесь не вижу блоба нигде.

[Ihor]

Надим Закиров, в formData есть blob в виде линки

[zkrvndm]

Ihor, ну так и отправить тебе надо не ссылку на блоб, а сам блоб. Откуда блоб берешь? Что ты вообще пытаешься отправить?

[Ihor]

Как я понял в таком формате мне нужно отправить blob , и тогда через $_FILES я смогу к нему достучаться?

const blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
    chunks = [];

[zkrvndm]

Ihor, нет, не так. Ниже привожу пример функции для отправки Blob на сервер:

// Пример функции для отправки Blob на сервер:

function send_blob_to_server(blob, name, url) {
  
  var formData = new FormData();
  formData.append('file', blob, name);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', url);
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        alert('Запрос выполнен успешно, ответ сервера: ' + xhr.responseText);
      }
      else {
        alert('При выполнении запроса произошла неизвестная ошибка!');
      }
    }
  }
  
  xhr.send(formData);

}

Вызывайте функцию send_blob_to_server() и первым параметром в него передаёте ваш Blob, вторым желаемое называние файла с форматом, а третьим параметром адрес куда нужно отправить. Например:

send_blob_to_server(blob, 'My_audio.ogg', 'https://shellsays.art/wp-admin/admin-ajax.php');

На стороне сервера получите обычный файл, он будет лежать в глобальном массиве $_FILES