Как загрузить отредактированный холст в облачный сервис (или другой сервис хостинга изображений), используя vue.js и fabric.js - PullRequest
Новая
       10

Как загрузить отредактированный холст в облачный сервис (или другой сервис хостинга изображений), используя vue.js и fabric.js

0 голосов
/ 23 апреля 2019

На моем веб-сайте пользователь может нарисовать загруженную фотографию, и я хочу добавить возможность, чтобы он мог нажимать кнопку и загружать ее в мое облачное хранилище. сайт построен с использованием vue.js и использует fabric.js для рисования на холсте.

Когда я пытаюсь console.log(canvas.toDataURL({format: 'png'}))

я получаю эту ошибку

Uncaught (in promise) DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

Я использовал это: https://www.youtube.com/watch?v=VqnJwh6E9ak, чтобы загрузить исходное изображение, но сейчас я не знаю, что, как я полагаю, для отредактированного холста нет такого «файла», как этот

Вот как я загружаю исходный файл, который пользователь хочет отредактировать, в облачный (я удалил свое имя) 

   this.$Progress.start();
   const data = new FormData();
   data.append("file", file);
   data.append("upload_preset", "");
   console.log(file)
   const res = await fetch(
     "https://api.cloudinary.com/v1_1//image/upload",
     {
       method: "POST",
       body: data
     }
   );
   const uploadedFile = await res.json();

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

...