国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

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

2019-10-26 17:42:15
字體：大 中 小
供稿：網(wǎng)友

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

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

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

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

CSS Code復(fù)制內(nèi)容到剪貼板
  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;      

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 霍州市| 易门县| 桑日县| 仁寿县| 朝阳区| 北票市| 墨竹工卡县| 琼结县| 和田县| 嘉善县| 始兴县| 连山| 武强县| 安福县| 双城市| 洮南市| 木兰县| 千阳县| 宝丰县| 上犹县| 大连市| 高雄市| 轮台县| 常宁市| 明星| 临邑县| 霍林郭勒市| 镶黄旗| 平南县| 广西| 宕昌县| 怀仁县| 千阳县| 翁源县| 杭州市| 永靖县| 综艺| 永靖县| 黄骅市| 郓城县| 平昌县|