2016-11-13 5 views
-1

В настоящее время я предоставляю qr-код на своей странице, построенный с помощью this plugin for laravel (я использую Laravel).Загрузить изображение base64 при нажатии кнопки

код я использую для поколения:

<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} "> 

Теперь я хочу, чтобы пользователь смог загрузить этот QR-код, а не правой кнопкой мыши и cliking загрузки изображения, но с кнопкой рядом с ним, который загружает именно этот образ, ИЛИ (что, может быть, было бы проще), нажимая на то, что именно это qr-код загружает.

Как я могу это достичь?

+1

Пожалуйста, прочтите [Какие темы я могу спросить о] (http://stackoverflow.com/ help/on-topic) и [Как задать хороший вопрос] (http://stackoverflow.com/help/how-to-ask) И [идеальный вопрос] (http://codeblog.jonskeet.uk)/2010/08/29/writing-the-perfect-question /) И как создать [Минимальный, полный и проверяемый пример] (http://stackoverflow.com/help/mcve) SO ** - не бесплатное кодирование или преобразование кода или отладка или учебное пособие или служба поиска библиотек ** ___ Итак, мы исправляем ваши попытки, мы не кодируем вещи для вас___ – RiggsFolly

+0

@RiggsFolly В чем проблема с этим вопросом? Я искал много вещей, но не нашел подходящего метода для этого ... Я нашел, например, следующее: http://stackoverflow.com/questions/2408146/href-image-link-download-on-click, но это не помогает мне, потому что у меня нет файла img, но сгенерируйте его как строку base64 .. так что я должен сказать? – nameless

ответ

1

Попробуйте добавить атрибут загрузки на кнопку, как описано здесь https://stackoverflow.com/a/16302092/7087522

Пример кода:

<a href="data:image/png;base64, {!! base64_encode(QrCode::encoding('UTF-8')->format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} " download="filename.png"> 
    <img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->errorCorrection('H')->generate('https://myUrl.de')) !!} "> 
</a> 
+0

Привет, спасибо за ответ. Это именно то, о чем я прокомментировал комментарий RiggsFolly. Вопрос о «атрибуте загрузки» - 1. Можно ли добавить это к изображениям? и 2. работает ли с изображениями base64? Поскольку я не могу предоставить какой-либо путь к изображению, потому что его base64 – nameless

+0

Попробуйте это ' ' –

+0

Кажется, что не работает ... В гене кода qr есть ошибка, но мой код выше работает (так что только с изображением) – nameless

Смежные вопросы