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

首頁 > 編程 > JavaScript > 正文

簡單實現JS上傳圖片預覽功能

2019-11-19 16:49:26
字體:
來源:轉載
供稿:網友

js實現上傳圖片預覽功能思路是獲取上傳圖片本地路徑,再加載到頁面中實現上傳預覽

HTML代碼

<div class="upload">    <input type="button" class="btn" onclick="browerfile.click()" value="上傳">    <input type="file" id="browerfile" style="display: none;" class="test">    <div class="img_center">      <img src="" class="img1-img">    </div>  </div>

實現功能的js代碼

//獲取圖片路勁的方法,兼容多種瀏覽器,通過createObjectURL實現function getObjectURL(file){  var url = null;  if(window.createObjectURL != undefined){    url = window.createObjectURL(file);//basic  }else if(window.URL != undefined){    url = window.URL.createObjectURL(file);  }else if(window.webkitURL != undefined){    url = window.webkitURL.createObjectURL(file);  }  return url;}//實現功能代碼$(function(){  $("#browerfile").change(function(){    var path = browerfile.value;    var objUrl = getObjectURL(this.files[0]);    if(objUrl){      $('.img1-img').attr("src",objUrl);    }  })})

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绵竹市| 股票| 射洪县| 上林县| 通道| 岳普湖县| 志丹县| 衡阳市| 呼图壁县| 聂拉木县| 逊克县| 诏安县| 武胜县| 五河县| 茌平县| 呼玛县| 镇沅| 雷山县| 团风县| 虹口区| 达日县| 巴东县| 潮州市| 乐至县| 泸定县| 偏关县| 广东省| 志丹县| 澄迈县| 筠连县| 南阳市| 芜湖市| 深水埗区| 都兰县| 南康市| 富顺县| 陆川县| 阿拉善左旗| 平安县| 白河县| 兴义市|