identify
/
index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>sama鉴图</title>
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">

</head>
<style>
    body {
        margin: 0;
        background: #ffffff;
        color: #000000;
    }
    .box {
        max-width: 640px;
        margin: 0 auto;
        text-align: center;
    }

    .upload-img {
        text-align: center;
        margin-top: 10%;
        height: 250px;
    }

    .upload-img >img {
        width:auto;
        height:auto;
        max-width:90%;
        max-height:90%;
    }

    /*.upload-img > input {*/
        /*outline: none;*/
        /*padding: 10px;*/
        /*margin-top: 5%;*/
        /*border-radius: 10px;*/
        /*width: 80%;*/
        /*border: 0;*/
    /*}*/

    /*.upload-tip {*/
        /*color: #ffffff;*/
        /*margin-top: 10%;*/
        /*font-size: 20px;*/
        /*text-align: center;*/
    /*}*/

    .upload-btn {
        margin-top: 20%;
        padding-bottom: 10%;
        text-align: center;
    }

    .upload-btn > span {
        padding: 10px 25px;
        border-radius: 10px;
        background: #ea8d86;
        outline: none;
        color: #ffffff;
    }

    .footer {
        color: #ea8d86;
        vertical-align: middle;
        padding: 5px 0 10px 0;
        text-align: center;
        position:fixed;
        bottom:0;
        width: 100%;
        border-top: 1px solid #ea8d86;
        background: #ffffff;
    }

    .footer >img {
        width: 30px;
        vertical-align: middle;
        height: 30px;
        margin-bottom: 5px;
    }

    .judge {
        padding: 10px;
        margin-bottom: 75px;
    }

    .pron, .rate, .suggestion {
        margin: 10px;
        padding-bottom: 5px;
        color: #ea8d86;
    }

    #show-text {
        opacity: 0.5;
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:10000;
    }

    .ui-widget-header {
        border: 1px solid #aaa;
        background: #ea8d86  50% 50% repeat-x;
        color: #ffffff;

    }

    .ui-progressbar {
        height: 1.0rem;
        width: 90%;
        margin: 0 auto;
    }

    .progress_txt {
        position: absolute;
        left: 35%;
        font-size: 0.5rem;
        color: #ffffff;
    }

</style>
<body>
<div id="show-text" style="display: none;">
        <div id="progressbar" style="position: relative; top: 60%">
                <span class="progress_txt" id="progressbar_text"></span>
        </div>
</div>
<div class="box">

    <div id="container" class="upload-img">
        <img src="add.png" id="pickfiles1">
    </div>
    <!--<hr style="color: #ea8d86;">-->
    <!--<div class="upload-img">-->
        <!--在下方输入图片地址访问图片 <br>-->
        <!--<span id="pics_text" style="color: red;"></span>-->
        <!--<input placeholder="输入图片地址，图片地址同时输入只检查地址" id="pic_url">-->
    <!--</div>-->
    <!--<hr>-->
    <!--<div class="upload-btn">-->
        <!--<span id="check">点击鉴定图片</span>-->
    <!--</div>-->

    <div id="content" class="judge">


    </div>
    <div class="footer">
        <img src="sama.png" >
        <span><strong style="color: #000000; padding-right: 5px;">sama赞赏社</strong>鉴黄师招募中<br>等你呦~~( • ̀ω•́ )✧</span>
    </div>
</div>

</body>
<script src="jquery.min.js"></script>
<script src="config.js"></script>
<script src="plupload.full.min.js"></script>
<script src="qiniu.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="qiniu_upload.js?v=1.0"></script>
<script>
    page =1
    function isValidURL(url){
        var urlRegExp=/^((https|http|ftp|rtsp|mms)?:\/\/)+[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
        if(urlRegExp.test(url)){
          return true;
        }else{
          return false;
        }
      }
      $(function () {
//         $( "#progressbar" ).progressbar({
//             value:80
//          });
        // $('#check').click(function () {
        //   if($('#pic_url').val() != '') {
        //       if( isValidURL($('#pic_url').val())) {
        //           localStorage.setItem('urls',$('#pic_url').val());
        //           $('#pics_text').text('');
        //       }else {
        //           $('#pics_text').text('请输入正确的地址，或者地址前请加http://或https://');
        //           return ;
        //       }
        //   }
        //   location.href = 'result.html';
        // });
      });
</script>
</html>