Можно ли загрузить base64 или blob в wordpress галерею?

Question

[Konstantin Trunov]

Пишу свой маленький плагин для подстановки картинок в слайдер через админку. В админке перед загрузкой прикрутил кроппер изображений, который умеет обрезать фото в нужном мне разрешении. На выходе получается либо blob, либо base64. Но вот загвоздка, функция media_handle_upload, через которую я грузил фото без кроппера, не умеет обрабатывать то, что я сейчас ей отдаю. Может кто знает, как это реализовать, или хотя бы ткнет носом в нужную функцию. Заранее благодарен.

Answer 1

[Александр Таратин]

Засунуть
Blob в File
https://stackoverflow.com/questions/27159179/how-t...
потом в https://developer.mozilla.org/ru/docs/Web/API/FormData
и отправить ajax как форму.

Comments

[Konstantin Trunov]

сработало :)

Answer 2

[Игорь Воротнёв]

Насколько мне известно, так не получится. Функция media_handle_upload() обрабатывает POST запрос, и принимает индекс из массива $_FILES. Далее она передает $_FILES['индекс'] по ссылке на функцию wp_handle_upload(), которая в свою очеред отправляет на _wp_handle_upload(), которая уже выполняет проверку конкретного загруженного файла во временной папке, валидирует его и перемещает в папку загрузок. После чего создает запись типа 'attachment' и пишет все необходимые данные и связи.

Это что касается "что WP там делает под капотом". Что же касается вашей задачи - не совсем понятно что вы пытаетесь сделать и зачем. Если вы хотите хранить кропнутую картинку в БД в base64 / blob, вместо файловой системы и медиа-библиотеки, то зачем вам вообще media_handle_upload? Насколько я понял, у вас уже есть необходимые данные, осталось просто записать их в БД. Сделайте свою таблицу, пишите их туда и привязывайте внешним ключом к нужной записи (слайдеру, если я правильно вас понял).

Comments

[Konstantin Trunov]

о том, что можно записать это в БД, я почему то не думал. Я думал, что все это сконвертить в обычный jpeg и положить в upload папку. И чтобы этот файл был доступен через медиа-библитеку. Сейчас так и реализовано. Я загружаю картинку (если без кроппера), получаю ее attachment_id и пишу это уже в свою таблицу.
Спасибо за ответ, буду думать :)

[Игорь Воротнёв]

Konstantin Trunov, *_handle_upload написан для работы прямо с массивом $_FILES, то есть необработанными данными. В вашем случае файл проходит обработку отдельно. Возможно, стоит написать полностью свой обработчик, который дальше будет сохранять файл, создавать attachment и писать его метаданные, работы будет не очень много, что и как делается в самом WP можете посмотреть в коде. Думаю, это будет наиболее оптимальным вариантом.

[Konstantin Trunov]

решил проблему на фронте

function blobToFile(theBlob, fileName){
    theBlob.lastModifiedDate = new Date();
    theBlob.name = fileName;
    return theBlob;
  }

  function ajaxUploadFiles(e) {
    $(e.target).parent().hide();
    $overlay.hide();

    var loader = $('.loader-wrapper');
    loader.css('display', 'flex');

    var opts = {
      width: 900,
      heght: 300
    };

    imageCropper.getCroppedCanvas(opts).toBlob(function (blob) {
      var fd = new FormData();

      var filename = 'slider-img_' + new Date().getTime() + '.jpg';
      var file = blobToFile(blob, filename);

      console.log(file);
      fd.append('photo', file, filename);
      fd.append('action', 'wis_load_image');
      $.ajax({
        type: 'POST',
        url: ajaxurl,
        data: fd,
        processData: false,
        contentType: false,

        success: function (response) {
          var $html = $(response.html);
          $html.appendTo($('.wis_slider_list ul'));

          loader.fadeOut();
        },
        error: function (e) {
          alert(e.responseJSON.data.error);
          loader.fadeOut();
        }
      });
    }, 'image/jpeg');
    imageCropper.destroy();
  }

[Игорь Воротнёв]

Konstantin Trunov, норм) пожалуй, сохраню в избранное, может в будущем пригодиться)