91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

手機端上傳相冊圖片

發布時間:2020-08-01 06:45:05 來源:網絡 閱讀:291 作者:蓓蕾心晴 欄目:開發技術

css:

.upload-img{
    width:80%;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-40%;
    background-color: #fff;
    border-radius: 10px;
    z-index:1000;
    display:none;
}
.upload-img>p:first-child{
    height:50px;
    line-height: 50px;
    border-bottom:2px solid #ccc;
    padding:0 20px;
    font-size: 2.2rem;
}
#open-picture,#open-camera{
    height:40px;
    line-height: 40px;
    padding:0 20px;
    font-size: 2rem;
    cursor: pointer;
}
#open-picture{
    border-bottom:1px solid #ccc;
}
.mask{
    background:#000;
    opacity: 0.8;
    width:100%;
    height:100%;
    z-index:999;
    position: fixed;
    top:0;
    left:0;
    display: none;
}

#picture,#camera{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    margin:0px;
    opacity: 0;
    filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

html:

<p><img src="默認顯示圖片的路徑地址" id="img"></p>
<form action="" id="upload-img" runat="server" method="post" enctype="multipart/form-data">
    <div class="upload-img">
        <p>上傳照片</p>
        <div >
            <p id="open-picture"><span class="glyphicon glyphicon-picture rMar10"></span>相冊</p>
            <input type="file" name="picture"  capture="camera" id="picture"/>
        </div>
        <div >
            <p id="open-camera"><span class="glyphicon glyphicon-camera rMar10"></span>拍照</p>
            <input type="file" name="camera" accept="p_w_picpath/*" id="camera"/>
        </div>
    </div>
</form>

js:

$("#img").click(function(){
    $(".upload-img").show();
    $(".mask").show();
});
$(".mask").click(function(){
    $(".mask").hide();
    $(".upload-img").hide();
});


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

莆田市| 石狮市| 临西县| 桑日县| 株洲市| 伊宁县| 如皋市| 康平县| 屏南县| 丰县| 莲花县| 博爱县| 新建县| 乌兰县| 双峰县| 玉屏| 尉氏县| 丽江市| 云和县| 东方市| 台东县| 竹山县| 瑞丽市| 乌恰县| 宁河县| 临漳县| 罗城| 鄂尔多斯市| 兴和县| 文安县| 东宁县| 安庆市| 五峰| 中卫市| 稻城县| 海阳市| 宁德市| 图木舒克市| 东乡| 龙川县| 关岭|