加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

HTML5 Plus 实现手机APP拍照或相册选择图片上传功能

发布时间:2020-03-13 20:45:39 所属栏目:MySql教程 来源:站长网
导读:这篇文章主要为大家详细介绍了HTML5 Plus的Camera、GalleryIO、Storage和Uploader,实现手机APP拍照或相册选择图片上传功能的相关资料,感兴趣的小伙伴们可以参

  <script type="text/javascript" src="../../js/utitls.js"></script>  

  <script type="text/javascript" src="?ak=59PBaEOro16CiH2W4CG81zEN&v=2.0"></script>  

  <style type="text/css">  

   .del {   

    position: absolute;   

    top:1px;   

    right: 1px;    

    display: block;         

       line-height: 1;   

       cursor: pointer;   

       color:#fff;   

    }   

  

   .del:hover {   

    color:#ff3333;   

   }   

  </style>  

  <style>  

   .table-view {   

    position: relative;   

    margin-top: 0;   

    margin-bottom: 0;   

    padding-left: 0;   

    list-style: none;   

    background-color: #f5f5f5;   

   }   

      

   .table-view-cell {   

    position: relative;   

    overflow: hidden;   

    padding: 0px 15px;   

    -webkit-touch-callout: none;   

    margin-bottom: 1px;   

   }   

      

   .table-view-cell:after {   

    position: absolute;   

    right: 0;   

    bottom: 0;   

    left: 0px;   

    height: 1px;   

    content: '';   

    -webkit-transform: scaleY(.5);   

    transform: scaleY(.5);   

    background-color: #c8c7cc;   

   }   

      

   .table-view-cell>a:not(.btn) {   

    position: relative;   

    display: block;   

    overflow: hidden;   

    margin: -0px -15px;   

    padding: inherit;   

    white-space: nowrap;   

    text-overflow: ellipsis;   

    color: inherit;   

    background-color: #75b9f4;   

    height: 40px;   

    line-height: 40px;   

   }   

      

   .navigate-right:after   

   {   

    font-family: Muiicons;   

    font-size: inherit;   

    line-height: 1;   

    position: absolute;   

    top: 50%;   

    display: inline-block;   

    -webkit-transform: translateY(-50%);   

    transform: translateY(-50%);   

    text-decoration: none;   

    color: #666;   

    -webkit-font-smoothing: antialiased;   

   }   

      

   .table-view-cell.collapse .collapse-content {   

    position: relative;   

    display: none;   

    overflow: hidden;   

    margin: 0px -15px 0px;   

    padding: 0px 0px !important;   

    -webkit-transition: height .35s ease;   

    -o-transition: height .35s ease;   

    transition: height .35s ease;   

    background-color: transparent;   

   }   

   .image-item{   

    position: relative;   

   }   

   .image-item .info{   

    position: absolute;   

    top:0px;   

    left:4px;   

    color: #ff9900;   

    font-size: 12px;         

       

   }   

  </style>  

 </head>  

 <body>  

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读