# QRコードを生成、表示、ダウンロードできるようにしたい **URL:** \ **Category:** bubble\ **Created:** [2022 年 9 月 13 日午前 5:08 UTC](https://www.nocode-faq.com/t/topic/3164 "2022-09-13T05:08:05Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Akiko\_lets](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/akiko_lets/32/5496_2.png) [@Akiko\_lets](https://www.nocode-faq.com/u/Akiko_lets)\ **Post date:** [2022 年 9 月 13 日午前 5:08 UTC](https://www.nocode-faq.com/t/topic/3164/1 "2022-09-13T05:08:05Z")
QRコードを生成、表示、ダウンロードできるようにしたいです。 【できていること】 現在、プラグイン「Colour QR Code Generator」を利用して、 QRコードを表示させることまでできました。 【わからないこと】 上記のQRコードの画像をjpegでダウンロードできるようにしたいのですが、設定の仕方が悪いようで、「Please select only a single file!」のメッセージが表示されます。 ファイルダウンロードに使用しているプラグインは、 プラグイン「File Downloader」です。 どうぞよろしくお願いします！ ### スクリーンショット ◆エラーメッセージ ![エラーメッセージ](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a2e0aff7f198bcad9abd013449684f93984dedb0.jpeg) ◆１デザイン ![1 デザイン](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/71b855832ecabe158f8f57fc3c084fcba5119cc6.jpeg) ◆２ワークフロー QRコードの生成＆表示 ![2 ワークフロー QRコード生成＆表示](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a7e8f1c027a81d56980cfa5725520993c4446352.jpeg) ◆ワークフロー（Srep2詳細） ![2 ワークフロー Step2](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/71bdb7ed5038cac67c11d626762d09c5e77189a7.jpeg) ◆ワークフロー（Srep3詳細） ![2 ワークフロー Step3](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/ceb75cb35458e6415bd4058721f9dbeffe89c5f1.jpeg) ◆ダウンロードボタン押下時 ![3 ダウンロードボタン押下時](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/66c4c7035cfe6251be2449ed4d4ac44538a43c4e.jpeg) ### 調べたURL ■Colour QR Code Generatorの参考サイト [https://colour-qr-code-generator.bubbleapps.io/](https://colour-qr-code-generator.bubbleapps.io/) ■ダウンロード関連 jansmapさん(こちらのプラグインを利用しました) > [@bubbleのファイルダウンロード機能について](https://www.nocode-faq.com/t/topic/1654): > > bubbleでファイルを設定しておき、会員はクリックすれば誰でもダウンロードするようにしたいです。 どのような流れで設定すればいいでしょうか？ よろしくお願い致します。 ■ダウンロード関連 ラボさん（現在ここに記載されているプラグインがみつかりませんでした） > **[Bubble で簡単にファイルの zip & ダウンロードができる Zip and download files プラグイン - ノーコード ラボ](https://blog.nocodelab.jp/entry/zip-download)** > > Zip and download files プラグインとは Zip and download files プラグインの利用方法 プラグインのインストール 事前準備 １つのファイルをダウンロード 複数のファイルをダウンロード まとめ こんにちは！ Bubble で簡単に複数ファイルを zip 化してダウンロードしたいと思ったことはありませんか？ 今回は、無料の Zip and download files プラグインを利用して、複数ファイルを圧縮してダウンロードする方法をご紹介します。... ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2022 年 9 月 16 日午前 6:04 UTC](https://www.nocode-faq.com/t/topic/3164/2 "2022-09-16T06:04:05Z")
自分もそのプラグインでうまくダウンロードできなかったため、特別こだわりがなければ【Download a file!】というプラグインで問題なくできましたので共有です。 画像URLを入れてあげる設定で完了です。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/dd191e5daacf94c5cbc06a532a646c9400080366.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/be8bbe2a4fd330efedf4a3bcaf1d2caddabe52e7.png) ---
**Author:** ![Akiko\_lets](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/akiko_lets/32/5496_2.png) [@Akiko\_lets](https://www.nocode-faq.com/u/Akiko_lets)\ **Post date:** [2022 年 9 月 17 日午前 12:01 UTC](https://www.nocode-faq.com/t/topic/3164/3 "2022-09-17T00:01:58Z")
にんじゃさん ✨ ありがとうございます! できましたー 🚀 めっちゃ嬉しいです 🌟 🌟 🌟 🌟 ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2022 年 9 月 17 日午前 12:15 UTC](https://www.nocode-faq.com/t/topic/3164/4 "2022-09-17T00:15:57Z")
喜んでもらえて嬉しい😆 引き続き、ふぁいとですー🔥 ---
**Author:** ![Akiko\_lets](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/akiko_lets/32/5496_2.png) [@Akiko\_lets](https://www.nocode-faq.com/u/Akiko_lets)\ **Post date:** [2022 年 9 月 17 日午前 12:24 UTC](https://www.nocode-faq.com/t/topic/3164/5 "2022-09-17T00:24:09Z")
はい 🔥 ひきつづきがんばります～ 🐣