Добавить файл в тип файла ввода с помощью jQuery - PullRequest
0 голосов
/ 25 июня 2018

Я использую библиотеку под названием Croppie.js, которая обрезает изображения. То, что я пытаюсь сделать, это:

  • Загрузка изображения благодаря типу ввода = файл, который принимает только файлы изображений
  • Редактируйте его с помощью Croppie.js методов
  • Поместить сгенерированное изображение обратно в файл ввода, заменив исходное изображение

Croppie.js может генерировать BLOB-объекты благодаря своей функции result. Поэтому вот как это будет выглядеть:

$("#confirm-photo-edit").click(function(){
    $("#photo-to-crop").croppie('result', 'blob').then(function(editedImg){
        // Here something like $("#photo-input").files.push(editedImg);
    });
});

Таким образом, мои вопросы:

  • Нужно ли конвертировать из Blob в файл?
  • Как заменить исходное изображение, находящееся на входе, отредактированным editedImg?

Спасибо.

1 Ответ

0 голосов
/ 25 июня 2018

Это невозможно для доступа к самому файлу ввода с типом файла в большинстве браузеров. Это из соображений безопасности. Однако возможно сохранить ваш файл как символьное строковое представление. Например, строка base64. Почти в каждой среде программирования есть что-то, что может декодировать base64.

...