添加短网址显示二维码功能

Author: takashiki

app/views/index.php

@@ -51,6 +51,7 @@
                 <input type="button" id="expand" value="还原短址" class="am-btn am-btn-default am-btn-sm am-fr">
             </div>
         </form>
+        <div id="qrcode" class="am-hide am-center am-img-thumbnail am-img-responsive" style="width: 206px;height: 206px"></div>
         <hr>
         <p>© <?= date('Y') ?> <a href="https://github.com/takashiki/ourls" target="_blank">Ourls</a> . Licensed under MIT license.</p>
     </div>
@@ -66,6 +67,7 @@
 <![endif]-->
 <script src="//cdn.bootcss.com/amazeui/2.5.2/js/amazeui.min.js"></script>
 <script src="//cdn.bootcss.com/validator/4.0.5/validator.min.js"></script>
+<script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
 <script src="js/index.js"></script>
 <?php if (!empty(Flight::get('flight.settings')['external_js'])): ?>
     <script src="<?= Flight::get('flight.settings')['external_js'] ?>"></script>

public/js/index.js

@@ -7,6 +7,13 @@ $('#shorten').click(function() {
             function (data) {
                 if (data.status == 1) {
                     $('#url').val(data.s_url);
+                    var qrcode = $('#qrcode');
+                    qrcode.qrcode({
+                        width: 200,
+                        height: 200,
+                        text: "data.s_url"
+                    });
+                    qrcode.removeClass('am-hide');
                 } else {
                     alert(data.msg);
                 }
@@ -24,6 +31,9 @@ $('#expand').click(function() {
         function(data) {
             if (data.status == 1) {
                 $('#url').val(data.url);
+                var qrcode = $('#qrcode');
+                qrcode.addClass('am-hide');
+                qrcode.html('');
             } else {
                 alert(data.msg);
             }