Как создать кнопку Сохранить как для изображения

Question

Я разрабатываю расширение Screenshot для Chrome и хотел бы узнать, как я могу реализовать кнопку "Сохранить как" в Html/Javascript. В настоящее время только пользователи Щелкните правой кнопкой мыши, чтобы "Сохранить как". Я новичок в Javascript и точно не нашел способ сделать это онлайн. Есть идеи? Спасибо!

Answer 1

Вы можете использовать атрибут загрузки HTML5, это то, что вы ищете?

<img src="http://blog.grio.com/wp-content/uploads/2012/09/stackru.png" alt="Stack Overflow">
<br />
<a href="http://blog.grio.com/wp-content/uploads/2012/09/stackru.png" download>Save !</a>

Answer 2

Вы можете создать ссылку для скачивания с <a href="" download>Save as …</a>, Это приведет к загрузке ресурса вместо просмотра в браузере.

Затем, если вы хотите, чтобы ссылка действительно ссылалась на ресурс, используйте что-то вроде yourLinkNode.href = yourImageNode.srcили, если вы используете элемент canvas для отображения рисунка (к сожалению, вы не указали его в исходном вопросе), используйте yourLinkNode.href = yourCanvasNode.toDataUrl(),