Как использовать ClipboardEvent либо DataTransfer в safari?

Question

[Doctor Bi]

День добрый!

Есть у меня задача генерировать изображение из canvas и "пихать" его в
<input type="file" />

И делаю я это таким образом:

function renderPreview(blob, input) {
        const fileData = new ClipboardEvent('').clipboardData ||
            new DataTransfer();
        const file = new File([blob], "img.png", { type: 'image/png' });
        fileData.items.add(file);
        input.files = fileData.files;
}

В хроме все прекрасно работает, у input-а есть файл и я могу с ним работать так, как мне надо.

А вот в safari с этим проблемы.
Насколько я понял, он не умеет в конструктор ClipboardEvent, а в Edge нет конструктора File.

Мне по возможности нужно записать файл в input, если есть предложения, пожалуйста подскажите.

Comments

[ⓒⓢⓢ]

как то у вас расплывчатое описание получилось, возможно вам поможет это:

У канваса есть метод toDataURL
Событие буфера обмена и объект File, вы используете, чтобы? Чтобы передать картинку на сервер?
Тогда можно это выкинуть, а серверу передать данные из метода выше (toDataURL)

[Doctor Bi]

JRK_DV, мой blob это обработанный canvas.toDataURL
File использую потому что иначе не работает

fileData.items.add(file);
input.files = fileData.files;

[Артём Альбе]

Doctor Bi, Здравствуйте! Подскажите пожалуйста, как вы решили эту задачу в safari?