upload.cc简易控制脚本

upload.cc简易控制脚本,点击菜单弹出对话框,输入输出保存的图片记录,然后自己手动管理
当前为 2019-05-13 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        upload.cc简易控制脚本
// @namespace   https://gf.qytechs.cn/users/14059
// @description upload.cc简易控制脚本,点击菜单弹出对话框,输入输出保存的图片记录,然后自己手动管理
// @include     https://upload.cc/*
// @author      setycyas
// @version     1.02
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_registerMenuCommand
// @run-at      document-end
// @license     MIT
// ==/UserScript==

(function(){
  /* 脚本正式开始 */

  'use strict';
  console.log("upload.cc简易控制脚本运行开始");

  /****************************************
  ######## version 1.02 @2019-05-13 #######
  ######## 脚本正式开始 ###################
  ****************************************/
  
  /* Functions */
  // 加入bootstrap组件
  function addBootstrap(){
    var bootstrapLink = '<link href="https://lib.baomitu.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">';
    $(bootstrapLink).appendTo($('head'));
  }
  
  // 加入模拟控制台与相关指令
  function addModal(){
    /* 开始加入模拟框div */
    var modalHtmlList = [
      '<div id="modal" class = "modal fade hide"><div class="modal-content">',
      '<textarea id="modal-text" placeholder="这里读写记录(json格式)" style="width:1000px;height:120px;"></textarea><br>',
      '<label class="form-inline">',
      '<button id="getRecord" class="btn btn-sm btn-primary">获取记录</button>',
      '<button id="setRecord" class="btn btn-sm btn-danger">设定记录</button>',
      '<button id="backup" class="btn btn-sm btn-warning">备份记录</button>',
      '<button id="readBackup" class="btn btn-sm btn-info">读取备份</button>',
      '</label>',
      '</div></div>'
    ]
    var modalHtml = modalHtmlList.join('\n');
    $(modalHtml).appendTo($('body'));
    // 设定css
    $('.modal-content').css({
      'margin':'80px',
      'padding-left':'100px',
      'padding-top':'30px',
      'text-align':'left',
      'background-color':'#e8e8e8'
    });
    $('#modal .btn').css({
      'width':'150px',
      'text-align':'center',
      'margin':'5px',
      'float':'right'
    });
    /* 设定按钮行为 */
    // 设定获取记录按钮的行为
    $('#getRecord').click(function(){
      $('#modal-text').val(window.localStorage['user_upload_history']);
    });
    // 设定读取记录按钮的行为,读取后替换原来的记录,需要谨慎
    $('#setRecord').click(function(){
      var res = confirm("确定替换记录吗?这是个不可取消的操作,未保存原记录时请小心使用.");
      if(res == true){
        var text = $('#modal-text').val();
        try {
          var obj = JSON.parse(text);
          window.localStorage.setItem('user_upload_history',text);
          window.location.href = 'https://upload.cc/';
        } catch(e) {
          alert('输入有错误,不是json字符串');
        }   
      }
    });
    // 备份按钮
    $('#backup').click(function(){
      var res = confirm("确定备份当前图片记录吗?");
      if(res == true){
        var text = $('#modal-text').val();
        try {
          GM_setValue('backup_000',window.localStorage['user_upload_history']);
          alert('备份完成!');
        } catch(e) {
          alert('由于未知原因,备份失败');
        }   
      }
    });
    // 读取备份按钮
    $('#readBackup').click(function(){
      var text = GM_getValue('backup_000');
      if(text){
        $('#modal-text').val(text);
      }else{
        $('#modal-text').val('读取备份失败,可能还没有备份数据');
      }
    });
  }

  /* Main Script */
  // 加入bootstrap库与相关模拟框
  addBootstrap();
  addModal();
  // 注册(不可用)模拟框开关.由于中途加入的bootstrap有些问题,用官方的方法设定模拟框显隐有问题.只好用手动方法.
  // 关键是除了顶层的modal外,还有.modal-backdrop这个自动生成的,要把两个层的'hide','show'class切换,还要手动切换display状态.
  // 但若完全不用官方脚本,则不需要考虑.modal-backdrop,因为不会生成这个层.不用官方的js还有个好处,就是不需要加载.
  GM_registerMenuCommand('模拟框开关',function(){
    var modal = $('div#modal');
    var modalClass = modal.attr('class');
    // 根据class,手动判断隐藏还是显示
    if(modalClass.indexOf('hide') > 0) {
      modal.removeClass('hide');
      modal.addClass('show');
      modal.css({'display':'block'});
    }else{
      modal.removeClass('show');
      modal.addClass('hide');
      modal.css({'display':'none'});
    }
  });

/* 脚本结束 */
})();
欢迎访问Greasy Fork镜像
