麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

Html5上傳圖片 移動端、PC端通用代碼

2019-10-26 17:42:15
字體：大 中 小
來源：轉載
供稿：網友

廢話不多說了，說一下今天給大家分享的是 html5上傳圖片。我們是在移動端使用的，但是這個在pc上也通用兼容性我只在谷歌測試過。之前一直用的angular寫的《用HTML5的File API做上傳圖片預覽能》。今天摒棄angular的東西分享一個html5 + js 圖片上傳案例。那么今天還是按照一定的步驟來講吧。

 HTML 第一步創建html，我們在頁面中放置一個文件選擇的input#upload（PS：偷懶一下，這里就不再次寫案例了直接復制的我們的頁面）

CSS Code復制內容到剪貼板
  1. <div class="con4">       <span class="btn upload">上傳<input type="file" class="upload_pic" id="upload" /></span>     
  2. </div>     

CSS注：css 寫的有些亂哈，看不懂的可以問我，或者直接自己寫一下就ok。

CSS Code復制內容到剪貼板
  1. con{            width: %;      
  2.      height: auto;            overflow: hidden;      
  3.      margin: % auto  auto;            color: #FFFFFF;      
  4. }       con .btn{      
  5.      width: %;            height: px;      
  6.      line-height: px;            text-align: center;      
  7.      background: #dbc;            display: block;      
  8.      font-size: px;            border-radius: px;      
  9. }       upload{      
  10.      float: left;            position: relative;      

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 国产成人高清在线观看 | 黄色免费高清网站 | 思思久而久而蕉人 | 久久草在线看 | 一区二区三区黄色 | 亚洲精品成人久久 | 99最新网址 | 久草手机视频在线观看 | 中文字幕欧美亚洲 | 一级片a| 免费毛片观看 | 亚洲第一页中文字幕 | 把娇妻调教成暴露狂 | 久久亚洲春色中文字幕久久 | 91麻豆精品国产91久久久无需广告 | 日韩伦理电影免费观看 | 99欧美视频 | 日韩av有码在线 | 久久草在线视频国产 | 久久撸视频 | 一级国产精品一级国产精品片 | 国产成人自拍av | 久久国产综合精品 | 免看黄大片aa | 国产成年人视频 | 成人性生活视频 | 久久手机在线视频 | 国产大片中文字幕在线观看 | 免费网址黄 | 国产九九热视频 | 欧美成人综合视频 | 羞羞网站 | 777午夜精品视频在线播放 | 久久久成人免费视频 | 久色免费 | 久国产| 久久久久久久一区二区三区 | 欧美一级三级在线观看 | 黄色av免费| 一区二区三区欧美日韩 | 亚洲综合视频网 |