IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

当使用input number怎么限制数字的个数

1

1

表单元素

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <input type="number" id="number1" min="1" max="5">

该问题已被官方收录

固定定位与下面盒子margin重叠问题

1

1

定位

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.header {
    position: fixed;
    height: 2.75rem;
    background-color: #5fc0cd;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

该问题已被官方收录

任务七右上角的音频标签，无法随着样式进行修改

1

1

属性属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./task7-2.css">
</head>

<body>
    <header>
        <!-- 头部 -->
        <button>
            <!-- 头部左边按钮外部盒子 -->
            <div></div>
            <!-- 左边按钮 -->
        </button>
        <span>投票</span>
        <!-- 中间文字 -->
        <button>
            <!-- 右边关闭按钮外部盒子 -->
            <div></div>
            <!-- 右边关闭按钮 -->
        </button>
    </header>
    <main>
        <!-- 中间 -->
        <div>
            <!-- 上面的播放选项盒子 -->
            <span>发言讨论结束，大家请投票</span>
            <div>
                <!-- 外部圆 -->
                <div>
                    <!-- 内部三角形 -->
                    <audio controls>
                        <!-- 音频播放器 -->
                        <source src="./css-7/task7/财富自由.mp3"></audio>
                </div>
            </div>
        </div>
        <span>点击得票数最多人的头像</span>
        <!-- 页面说明文字 -->
        <div>
            <!-- 下方多个选项外盒子 -->
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>1号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>2号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>警察</div>
                <!-- 游戏身份 -->
                <div>3号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>法官</div>
                <!-- 游戏身份 -->
                <div>4号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>狙击手</div>
                <!-- 游戏身份 -->
                <div>5号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>医生</div>
                <!-- 游戏身份 -->
                <div>6号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>杀手</div>
                <!-- 游戏身份 -->
                <div>7号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>8号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>9号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>10号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>11号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>12号</div>
                <!-- 游戏号码 -->
            </button>
        </div>
    </main>
    <footer>
        <!-- 底部盒子 -->
        <button>
            <!-- 底部按钮 -->
            <span>投死</span>
            <!-- 底部中间字体 -->
        </button>
    </footer>
</body>

</html>
html{
    font-size: 62.5%;
}
body{
    margin: 0;
    font-size: 1.6rem;
}
header{
    height: 4.8rem;
    background-color: #29BDE0;
}

该问题已被官方收录

fixed相对父元素定位

0

1

定位

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #29bde0;
}

该问题已被官方收录

页面打不开，在浏览器中打开页面出现找不到文件提示。

0

1

路径

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
    <title>setup</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet"  href="setup.css">
    <script src="setup.js"></script>
</head>
<body>
<header><img src="./img/9.png"><span>参考设置</span><img class="iconright" src="./img/10.png"></header>
<div class="main">
    <div class="match">
        <div class="match_left">玩家配比</div>
        <div class="match_right">
            <div></div>
            <button>点击设置</button>
        </div>
    </div>
    <div class="keyword">
        <input type="text" maxlength="8" placeholder="水民词组">
        <input type="text" maxlength="8" placeholder="卧底词组">
    </div>
    <div class="playernum">
        <div class="number">玩家人数<input id="shownum" type="number" min="4" max="18" maxlength="2">人</div>
        <div class="slide">
            <input id="subbtn" onclick="subnum()" type="button" value="—">
            <input id="range" oninput="change()" type="range" min="4" max="18" step:"1" value="4">
            <input id="addbtn" onclick="addnum()" type="button" value="+" style="font-size:1.2rem">
        </div>
        
    </div>
    <button class="deal">去发牌</button>
</div>
</body>  
</html>

$grey:#f0f0f0;
$lightgrey:#fbfbfb;
$deepgrey:#d9d9d9;
$white:#fff;
$blue:#29bde0;
$orange:#fab344;
$lightorange:#ffe6be;
@mixin mmwidth(){
    min-width: 320px;
    max-width: 768px;
}
@mixin mtb($mtop,$mbtm){
    margin-top:$mtop;
    margin-bottom:$mbtm;
}
@mixin ptb($ptop,$pbtm){
    padding-top: $ptop;
    padding-bottom:$pbtm;
}
@mixin fixedmg(){
    margin-left:.5rem;
    margin-right:.5rem;
}
@mixin fixedpd(){
    padding-left:.5rem;
    padding-right:.5rem;
}
@mixin size($width,$height){
    width:$width;
    height:$height;
}
body{
    @include mmwidth;
    margin:0 auto;   
}
header{
    @include mmwidth;
    @include ptb(.5rem,.5rem);
    @include fixedpd;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    color:$white;
    background-color: $blue;
    img{
        height:1.2rem;
    }
    .iconright{
        width:1.2rem;
    }
}
.main{
    @include mmwidth;
    padding:.5rem;
    background-color: $grey;
    .match{
        display:flex;
        .match_left{
            width:1.2rem;
            padding:0 1rem;
            border-right:1px solid $deepgrey;
            font-size: 1.2rem;
            background-color: $white;
        }
        .match_right{
            background-color: $lightgrey;
        }
    }
    .keyword{
        @include mtb(.5rem,.5rem);
        padding:0.5rem 2rem 1.2rem;
        background-color: $white;
        input{
            @include ptb(.6rem,.6rem);
            display: block;
            width:100%;
            border:none;
            border-bottom:1px solid $deepgrey;
            font-size: .8rem;
            color:$lightgrey;

        }
    }
    .playernum{
        margin-bottom: .5rem;
        padding:1rem 1rem;
        background-color: $white;
        .number{
            margin-bottom: 1rem;
            input{
                @include size(1.6rem,1.3rem);
                margin:0 1rem;
                border:none;
                font-size: 1rem;
                text-align:center;
                background-color: $grey;
                outline: none;      
                &:focus{
                    outline:none;
                }
            }
        }
        .slide{
            display: flex;
            justify-content: space-between;

            input[type=button]{
                margin: 0 2rem;
                border:1px solid $deepgrey;
                font-size: 0.7rem;
                font-weight: bold;
                color:$orange;
                background-color: $white;
                outline: none;
            }
            input[type=range] {
                -webkit-appearance: none;
                width: 100%;
                background: -webkit-linear-gradient(left,$orange,$lightorange) no-repeat;
            }
            input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none;
            }    
            input[type=range]{
                flex:1;
                outline: none;
            }
            input[type=range]::-webkit-slider-runnable-track{
                -webkit-appearance:none;
                height:0.3rem;
                background-color: $lightorange;
            }
            //input[type=range]::-webkit-slider-thumb {
            //    -webkit-appearance: none;
            //    height: 25px;
            //    width: 25px;
            //    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
            //    background: red; 
            //    border-radius: 50%; /*外观设置为圆形*/
            //    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
            //    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
            //}
            input[type=range]::-webkit-slider-thumb{
                -webkit-appearance:none;
                width:2rem;
                height:1.5rem;
               background:url("./img/11.png") no-repeat;
               background-size: 2rem 1.5rem;
               margin-top: -0.6rem;
            }
        }

    }

    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance: none;
    }
    input[type=number]{
        -moz-appearance: textfield;       
    } 
    .deal{
        @include size(100%,3rem);
        font-size: 1.2rem;
        border: none;
        outline: none;
        color:$white;
        background-color: $orange;
    }
}

var num=document.getElementById("range");
 var location=document.getElementById("shownum");
function addnum(){
num.value=++num.value;
    change();
}
function subnum(){
num.value=num.value-1;
    change();
}
function change(){
 location.value=num.value;
}

该问题已被官方收录

saas继承没有作用

1

1

Sass

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//变量
$eliminate:0;
$blue:#29BDE0;
$white:#FFFFFF;
$text:auto;
$font:.26rem;
$width:80%;


//混合器
@mixin flex($x:center,$y:center){
    display: flex;
    justify-content:$x;
    align-items: $y;
}
@mixin guding{
    position: fixed;
    width: 100%;
}
@mixin box($w:.51rem,$h:.6rem){
    width: $w;
    height: $h;
}

@mixin font{
    width:$width;       
    font-size: $font;
    color: #A6A6A6;
}
@mixin button{
    width: 50%;
    height: .86rem;
    border-radius: .15rem;
    font-size: .4rem;
    color: #FFFFFF;
    
}




html{
    font-size: 312.5%;
}
body{
    padding: .72rem 0 1.2rem 0;
    margin: $eliminate;
    font-size: initial;
}
p{
    margin: $eliminate;
}

/*header 眉页*/
header{
    @include flex(space-between, center);
    @include guding;
    top: 0;
    /* border半透明 */
    border-bottom: .01rem solid rgba(200,200,200,.95);
    background: $blue;
    font-size:.34rem;
    /* 字符间距 */
    letter-spacing: .04rem;
    color: $white;

    a.left-header{
        @include box;
        margin: .1rem 0 0 .2rem;
        background: url(picture/task-css12.png) no-repeat -2.2rem -1.9rem;
    }
    a.right-header{
        @include box;
        margin:.1rem .2 rem 0 0 ;
        background: url(picture/task-css12.png) no-repeat -.96rem -1.95rem;
    }
}

/*main 主体*/
div.box{
    padding-top: .29rem;
    background: $blue;

    .logo{
        @include box(3.51rem,2.1rem );
        margin: $text;
        background: url(picture/task-css12.png) no-repeat -4.16rem 0;

        .logo-font{
            position: absolute;
            margin:1.3rem 0 0 .7rem;
            font-size: .48rem;
            /* 字符间距 */
            letter-spacing: .05rem;
            color: $white;
        }
    }
    p.introduce{
        width: $width;
        margin: .3rem $text .61rem $text;
        font-size: .33rem;
        color: #FFC865;
    }
    p.time{
            width: $width;
            margin: $text;
            font-size:$font;
            color: $white;

    }
    div.center-box{
        @extend .time;
        display: flex;

        span.font{
            margin-right: .5rem;
        }
    }

}

该问题已被官方收录

创建合并分支时，add文件出现错误

1

1

git 代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

表格的边框显示不出来

0

1

表单元素

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@charset"UTF-8";
@import"_layout";
// job主体
main.job {
    .home-box {
        padding: .31rem 0;
        border-bottom: $main-border;
        .black-font {
            font-size: .16rem;
            color: $black;
        }
        .green-font {
            font-size: .16rem;
            color: $green;
        }
    }
    .direction-box {
        padding: .23rem 0;
        border-bottom: $main-border;
        .direction {
            line-height: .14rem;
            font-size: .14rem;
            color: $text;
        }
        .option-box {
            margin: 0;
            padding: 0;
            .option {
                line-height: .14rem;
                font-size: .14rem;
                color: $black;
                &:hover {
                    background: $green;
                    color: $white;
                }
            }
        }
    }
    @media(max-width:575px) {
        .center {
            line-height: .6rem;
            text-align: center;
        }
    }
    .headline-box {
        padding: .31rem 0;
        border-bottom: $main-border;
        font-size: .16rem;
        color: $black;
    }
    .intro-box {
        position: relative;
        margin-top: .47rem;
        perspective: 1000;
        transform-style: preserve-3d;
        .shade {
            visibility: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 2.8rem .93rem 1.76rem .82rem;
            background: rgba(8, 1, 3, 0.6);
            font-size: .16rem;
            color: $white;
            transition: 0.6s;
            transform-style: preserve-3d;
        }
        &:hover .shade {
            visibility: visible;
            transform: rotateY(360deg);
        }
        th.width1 {
            width: 40%;
        }
        th.width2 {
            width: 10%;
        }
        th.width3 {
            width: 50%;
        }
        tr.box {
            border: $main-border;

            .picture {
                margin: .2rem .08rem .16rem .11rem;
            }
            @media(max-width:375px) {
                .picture {
                    @include box(1.85rem, 1.85rem);
                    margin: .2rem .08rem .16rem .3rem;
                }
            }
            @media(min-width:376px) and (max-width:470px) {
                .picture {
                    @include box(2.1rem, 2.1rem);
                    margin: .2rem .08rem .16rem .5rem;
                }
            }
            @media(min-width:490px) and (max-width:767px) {
                .picture {
                    margin: .2rem .08rem .16rem .6rem;
                }
            }
            strong.font {
                font-size: .16rem;
                color: $black;
            }
            p.font {
                margin: .16rem .09rem 0 0;
                font-size: .14rem;
                color: $black;
            }
        }
        .standard-font{
            padding: .28rem  .1rem;
            font-size: .12rem;
            color: $text;
            border: $main-border;

            .wjx::after{
                display: inline-block;
                content:"";
                @include box(.16rem,.16rem);
                margin-left:.24rem;
                background: url(../picture/task-css14.png) no-repeat 0 -2.66rem;
            }
            .wjx2::before{
                display: inline-block;
                position: absolute;
                content:"";
                @include box(.16rem,.16rem);
                margin: .12rem 0 0 1.48rem;
                background: url(../picture/task-css14.png) no-repeat 0 -2.66rem;
            }
            .red{
                font-size: .12rem;
                color: #F01400;
            }
            .black{
                font-size: .12rem;
                color: $black;
            }
            .center{
                display:block;
                text-align: center;
            }
            .left{
                margin-left: .24rem;
            }
            .right-txet{
                float: right;
            }
        }
    }
    @media (min-width:767px) and (max-width: 991px){
        .col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    @media(max-width:767px){
        .col-12{
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
}

该问题已被官方收录

使用ul模拟下拉列表的时候，下拉列表背景出现透明

0

1

下拉菜单布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/* CSS 代码 */
       .header {
            position: fixed;
            top: 0;
            right: 0;
            width: 100%;
            height: 80px; }

        .header .select {
            width: 100%;
            height: 35px;
            background-color: #fff;
            border-bottom: 1px solid #eee; }

        .select:after {
            content: '';
            display: block;
            clear: both; }

        .select .adress,
        .select .eat,
        .select .condition {
            position: relative;
            float: left;
            width: 33.3%;
            font-size: 14px;
            line-height: 35px;
            margin: 0 auto;
            text-align: center; }

        .select .arrow {
            position: absolute;
            top: 15px;
            right: 5px;
            width: 10px;
            height: 8px;
            background: url(./img/task6.png) no-repeat -130px 0;
            -webkit-background-size: 250px;
            background-size: 250px; }

        .select .adlist,
        .select .eatlist,
        .select .conlist {
            height: 0;
            overflow: hidden;
            transition: all 0.5s ease; }

        .select .adlist li,
        .select .eatlist li,
        .select .conlist li {
            width: 100%;
            background-color: #fafafa;
            text-align: center; }

        .select .split {
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 35px;
            background: url(./img/task6.png) no-repeat -370px 50%;
            -webkit-background-size: 400px 35px;
            background-size: 400px 35px; }

        .select .adress:hover .adlist,
        .select .eat:hover .eatlist,
        .select .condition:hover .conlist {
            height: 180px; }

        .main {
            width: 100%;}

        .wrapper {
            width: 100%;
            position: absolute;
            top: 35px; }

        .list {
            width: 100%; }

        .list .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            font-size: 14px;
            border-bottom: 1px solid #ccc; }

        .item .info {
            width: 100%; }

        .item .info .date,
        .item .info .time,
        .item .info .local {
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-left: 35px;
            width: 70%;
            color: #999;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }

        .item .info .time {
            font-size: 12px;
            color: #000; }

        .item .price {
            position: relative;
            color: #e63b0e;
            margin-right: 25px;
            white-space: nowrap; }

        .item .date:before {
            position: absolute;
            top: 3px;
            left: 15px;
            content: '';
            display: block;
            width: 14px;
            height: 13px;
            background: url(./img/task6.png) no-repeat;
            -webkit-background-size: 230px;
            background-size: 230px; }

        .item .local:before {
            position: absolute;
            top: 3px;
            left: 15px;
            content: '';
            display: block;
            width: 14px;
            height: 13px;
            background: url(./img/task6.png) no-repeat -62px 0;
            -webkit-background-size: 230px;
            background-size: 230px; }

        .item .price:after {
            position: absolute;
            top: 3px;
            right: -15px;
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border: 2px solid #5fc0cd;
            border-left: 2px solid rgba(95, 192, 205, 0);
            border-bottom: 2px solid rgba(95, 192, 205, 0);
            transform: rotateZ(45deg); }

<!-- html 代码 -->
 <header class="header">
        <div class="select">
            <ul>
                <li class="adress">
                    <p>所在地</p>
                    <div class="arrow"></div>
                    <ul class="adlist">
                        <li>定位</li>
                        <li>龙华区</li>
                        <li>龙岗区</li>
                        <li>宝安区</li>
                        <li>福田区</li>
                    </ul>
                    <div class="split"></div>
                </li>
                <li class="eat">
                    <p>食宿</p>
                    <div class="arrow"></div>
                    <ul class="eatlist">
                        <li>需要</li>
                        <li>不需要</li>
                    </ul>
                    <div class="split"></div>
                </li>
                <li class="condition">
                    <p>病人情况</p>
                    <div class="arrow"></div>
                    <ul class="conlist">
                        <li>健康</li>
                        <li>良好</li>
                        <li>一般</li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <main class="main">
        <div class="wrapper">
            <ul class="list">
                <li class="item">
                    <div class="info">
                        <p class="date">服务日期</p>
                        <p class="time">2015-7-5 至 2015-7-12</p>
                        <p class="local">北京·通州·果园</p>
                    </div>
                    <div class="price"><p>25元/小时</p></div>
                </li>
                <li class="item">
                    <div class="info">
                        <p class="date">服务日期</p>
                        <p class="time">2015-7-5 至 2015-7-12</p>
                        <p class="local">北京·通州·果园</p>
                    </div>
                    <div class="price"><p>25元/小时</p></div>
                </li>
            </ul>
        </div>
    </main>

该问题已被官方收录

上传图片的进度条

0

1

bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML
<td>
<uib-progressbar value="progress" style="margin-bottom: 0;" type="null" animate="true" >{{progress}}%</uib-progressbar>
</td>
JS
//选择文件
$scope.fileReader = new FileReader();//创建FileReader接口
$scope.fileChanged = function(respond){
$scope.$apply(function(){
console.log(respond);
$scope.files = respond.files[0];//保存要上传的图片信息到files,.respond.files[0]表示选择第一个上传的文件的数据。input标签设置了multiple属性的话，当上传两个文件时，则ele.files[1]可以选择到第二个上传的文件的数据。
       console.log($scope.files);
$scope.input = respond; //保存input file这个DOM节点
       console.log($scope.input);
$scope.fileName = $scope.files.name;//文件的名
       console.log($scope.fileName);
$scope.fileSize = $scope.files.size/1024/1024;//文件大小
       console.log($scope.fileSize);
$scope.progress=0;
});
};

// 上传图片
$scope.upload = function(){
//创建FormData用来存放上传的参数
   var formData = new FormData();
//调用FileReader对象的方法，readAsDataURL该方法将文件读取为一段以 data: 开头的字符串，这段字符串的实质就是 Data URL，Data URL是一种将小文件直接嵌入文档的方案。这里的小文件通常是指图像与 html 等格式的文件
   $scope.fileReader.readAsDataURL($scope.files);
//用append()方法以键值对的形式把参数存入formData中，按照接口文档请求参数key为file，value为上传的文件
   formData.append("file",$scope.files);
console.log($scope.fileSize);
if($scope.fileSize <= 5242880){
$http({
method: 'post',
url: '/carrots-admin-ajax/a/u/img/task',
data: formData,
headers:{"Content-Type":undefined},
//将事件侦听器绑定到XMLHttpRequest上传对象。用来监听progress事件，这个事件会在读取中时会触发。
           uploadEventHandlers: {
progress: function(respond){
console.log(respond);
//respond.loaded为已上传文件的大小，respond.total为要上传文件的总大小。两者相除得到的$scope.progress值是用来表示进度条的
                   $scope.progress = (respond.loaded/respond.total)*100;
console.log($scope.progress);
}
}
}).then(function successCallback(respond){
$scope.status = respond.data.message;
$scope.src = respond.data.data.url;
console.log($scope.src);
$scope.okIcon=true;
});
}else{
alert('文件大于5MB');
$scope.removeIcon=true;
}
};

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1