Немедленный диалог сохранения для загрузки изображения HTML5 Canvas - не сохраняется на сервере - PullRequest
1 голос
/ 21 октября 2011

Я работаю над чисто JS / HTML-страницей, где пользователь может загрузить изображение, и изображение преобразуется в данные холста и отображается. Затем пользователь может щелкнуть по кнопке, чтобы внести изменения в данные пикселей, изменив отображение.

Теперь, если пользователь хочет сохранить изображение, он может щелкнуть правой кнопкой мыши и выполнить сохранение как, и ему предлагается сохранить изображение как canvas.png; Однако я бы предпочел иметь кнопку «Загрузить изображение», которую пользователь может нажать, чтобы открыть стандартное диалоговое окно сохранения.

У меня вопрос, как сделать такую ​​кнопку, которая перетягивает данные холста в стандартную подсказку загрузки изображения?

Вот еще несколько деталей:

Если вы делаете «просмотр изображения» на отображаемом изображении, URL-адрес, на который он идет, выглядит следующим образом: data: image / png; base64, iVBORw0KGgoAA (много чего еще)

1 Ответ

1 голос
/ 06 февраля 2012

Джейкоб Сейделин создал библиотеку, позволяющую сохранить холст в виде изображения. Вы можете найти его сайт здесь !

...