中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

手機端上傳相冊圖片-創(chuàng)新互聯(lián)

css:

網頁設計是網站建設的前奏,好的網頁設計更深度的剖析產品和設計風格定位,結合最新的網頁設計流行趨勢,與WVI應用標準,設計出具企業(yè)表現(xiàn)力,大器而深穩(wěn)的網站界面設。成都創(chuàng)新互聯(lián)公司從2013年開始,是成都網站建設公司:提供企業(yè)網站設計,品牌網站建設,營銷型企業(yè)網站建設方案,響應式網站建設,成都微信小程序,專業(yè)建站公司做網站。
.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();
});

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

分享文章:手機端上傳相冊圖片-創(chuàng)新互聯(lián)
當前網址:http://m.rwnh.cn/article14/eppge.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站維護、網站建設商城網站、定制網站、網站導航靜態(tài)網站

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)
永城市| 四子王旗| 满洲里市| 松潘县| 靖边县| 霞浦县| 东海县| 合江县| 内黄县| 贺州市| 星座| 四会市| 忻州市| 贵阳市| 莱芜市| 壤塘县| 紫云| 昭苏县| 华阴市| 郎溪县| 大余县| 拉孜县| 大新县| 祁连县| 临安市| 淮滨县| 东乌| 陆川县| 英德市| 平定县| 普格县| 浦城县| 延川县| 乐山市| 海阳市| 成武县| 富裕县| 邯郸县| 淅川县| 澜沧| 万载县|