添加二维码生成 网址生成短网址功能

extension/manifest.json

 {
     "name": "常用开发工具",
     "description": "常用开发工具集合,哈希/加解密/编码转换/时间戳/二维码/拼音/IP查询/代码优化/Unicode/正则等...",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "author": "wo@baiy.org",
     "homepage_url": "https://github.com/baiy/chrome-tool",
     "manifest_version": 2,

extension/statics/modules/chrome_tool_qrcode.js

 // 二维码工具
-layui.define(['chromeTool', 'jquery', 'chromeToolBase', 'element'], function (exports) {
+layui.define(['chromeTool', 'jquery', 'chromeToolBase', 'element', 'form'], function (exports) {
     var $ = layui.$;
 
     var chrome_tool_qrcode = function (tool_id) {
@@ -7,10 +7,10 @@ layui.define(['chromeTool', 'jquery', 'chromeToolBase', 'element'], function (ex
         tool.getPageData = function (flag, key) {
             var string = layui.chromeTool.clipboardPaste();
             return tool.pageData(flag).get(key, function () {
-                if (flag == 'generate') {
+                if (flag === 'generate') {
                     return {"generate_input_content": string};
                 }
-                if (flag == 'tab') {
+                if (flag === 'tab') {
                     return {"class_tab0": 'layui-this', 'class_div0': 'layui-show'};
                 }
                 return null;
@@ -26,48 +26,99 @@ layui.define(['chromeTool', 'jquery', 'chromeToolBase', 'element'], function (ex
             });
             var generate = $("#" + id + " .generate_tab");
 
-            // 网址二维码生成
+            /** 二维码生成 **/
             generate.find(".submit_button").on("click", function () {
                 var data = {
                     "input_content": generate.find('.input_content').val(),
-                    "output_content": ""
+                    "output_content": "",
+                    "is_short_url": generate.find('.short_url').prop("checked"),
+                    "short_url": generate.find('.short_url').prop("checked"),
                 };
-                layui.use(['chrome_tool_library_qrcode'], function () {
+                if(generate.find('.input_content').val() === '')
+                {
+                    layui.chromeTool.msg("请输入内容");
+                    return;
+                }
+                var qrcode_generate = function (callbak) {
                     generate.find(".output_content").html('');
-                    layui.chrome_tool_library_qrcode.generate(generate.find(".output_content")[0],data.input_content);
-                    setTimeout(function(){
-                        data.output_content = generate.find(".output_content").html();
-                        tool.pageData('generate').set(data);
-                    },2000)
-                });
+                    if (data.is_short_url) {
+                        $.ajax({
+                            url: "http://api.t.sina.com.cn/short_url/shorten.json",
+                            data: {"source": "2815391962", "url_long": data.input_content},
+                            success: function(result){
+                                if(result[0]['url_short']){
+                                    data.short_url = result[0]['url_short'];
+                                    callbak();
+                                }
+                                else{
+                                    layui.chromeTool.msg("短网址生成错误!");
+                                }
+                            },
+                            error:function(){
+                                layui.chromeTool.msg("短网址生成错误!");
+                            },
+                            dataType: "json"
+                        });
+                    }
+                    else{
+                        callbak();
+                    }
+                };
+
+                qrcode_generate(function(){
+                    layui.use(['chrome_tool_library_qrcode'], function () {
+                        var content = data.is_short_url ? data.short_url : data.input_content;
+                        layui.chrome_tool_library_qrcode.generate(generate.find(".output_content")[0], content);
+                        setTimeout(function () {
+                            if(data.is_short_url)
+                            {
+                                var short_url_html = '<div style="margin-top:10px;text-align: center;font-weight: bold"><a href="'+data.short_url+'" target="_blank" title="'+data.input_content+'">短链接: '+data.short_url+'</a></div>';
+                                generate.find(".output_content").append(short_url_html);
+                            }
+                            data.output_content = generate.find(".output_content").html();
+                            tool.pageData('generate').set(data);
+                        }, 2000)
+                    });
+                })
+
+
             });
+            // 短链接
+            layui.form.on('checkbox(short_url)', function (data) {
+                if (data.elem.checked) {
+                    generate.find('.short_url_text').show();
+                }
+                else {
+                    generate.find('.short_url_text').hide();
+                }
+            });
+
             var decoder = $("#" + id + " .decoder_tab");
             // 解码方法
-            var qrcode_decoder = function(src,callback){
-                var input_img = '<img src="'+src+'" style="width: 320px;">';
+            var qrcode_decoder = function (src, callback) {
+                var input_img = '<img src="' + src + '" style="width: 320px;">';
                 decoder.find('.input_img').html(input_img);
                 layui.use(['chrome_tool_library_qrcode'], function () {
-                    layui.chrome_tool_library_qrcode.decoder(decoder.find('.input_img img').attr('src'),function(data){
-                        if(data=="error decoding QR Code"){
+                    layui.chrome_tool_library_qrcode.decoder(decoder.find('.input_img img').attr('src'), function (data) {
+                        if (data == "error decoding QR Code") {
                             layui.chromeTool.msg("该图片无法识别");
                             return null;
                         }
-                        callback(data,input_img);
+                        callback(data, input_img);
                     });
 
                 });
             }
-            // 网址二维码解码
+            // 二维码解码
             decoder.find(".submit_button").on("click", function () {
-                if(!decoder.find('.input_content').val())
-                {
+                if (!decoder.find('.input_content').val()) {
                     layui.chromeTool.msg("填写图片地址以后再点击解析按钮");
                     return null;
                 }
                 var data = {
-                    "input_content":decoder.find('.input_content').val()
+                    "input_content": decoder.find('.input_content').val()
                 };
-                qrcode_decoder(data.input_content,function(result,input_img){
+                qrcode_decoder(data.input_content, function (result, input_img) {
                     data.input_img = input_img;
                     data.output_content = result;
                     decoder.find(".output_content").val(data.output_content);
@@ -77,11 +128,11 @@ layui.define(['chromeTool', 'jquery', 'chromeToolBase', 'element'], function (ex
                 });
             });
             // 图片上传解码
-            decoder.find(".file_qrcode").change(function(){
+            decoder.find(".file_qrcode").change(function () {
                 var reader = new FileReader();
                 reader.readAsDataURL($(this)[0].files[0]);
-                reader.onload = function(e){
-                    qrcode_decoder(e.target.result,function(result,input_img){
+                reader.onload = function (e) {
+                    qrcode_decoder(e.target.result, function (result, input_img) {
                         var data = {};
                         data.input_img = input_img;
                         data.output_content = result;

extension/statics/modules/tool_tpl/qrcode.html

@@ -14,7 +14,23 @@
                     </div>
                     <div class="layui-form-item">
                         <button class="layui-btn submit_button">生成</button>
+                        {{#  if(d.getPageData('generate','is_short_url')){ }}
+                        <input type="checkbox" checked="checked" lay-filter="short_url" class="short_url" title="转短链接" lay-skin="primary">
+                        {{#  } else { }}
+                        <input type="checkbox" lay-filter="short_url" class="short_url" title="转短链接" lay-skin="primary">
+                        {{#  } }}
+
                     </div>
+                    {{#  if(d.getPageData('generate','is_short_url')){ }}
+                    <blockquote class="layui-elem-quote short_url_text">
+                        短链接API由 <a href="http://t.cn/" target="_blank">t.cn</a> 提供
+                    </blockquote>
+                    {{#  } else { }}
+                    <blockquote class="layui-elem-quote short_url_text" style="display: none">
+                        短链接API由 <a href="http://t.cn/" target="_blank">t.cn</a> 提供
+                    </blockquote>
+                    {{#  } }}
+
                 </div>
                 <div class="layui-col-xs6">
                     <div class="layui-form-item output_content" style="padding-left: 40px">