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

首頁 > 語言 > JavaScript > 正文

js上傳圖片及預覽功能實例分析

2024-05-06 16:18:34
字體:
來源:轉載
供稿:網友

這篇文章主要介紹了js上傳圖片及預覽功能,實例分析了javascript操作圖片上傳預覽功能的實現方法,需要的朋友可以參考下

本文實例講述了js上傳圖片及預覽功能。分享給大家供大家參考。具體分析如下:

參考了網上一些人代碼寫了一個上傳圖片及時預覽的功能

 

 
  1. <img id="imgTag" style="height: 100px;" alt="" /> 
  2. <input type="file" /> 
  3.  
  4. function DisplayImage(fileTag,imgTagId){ 
  5. var allowExtention=".jpg.png.gif"
  6. var extentionArr=fileTag.value.split('.'); 
  7. var extention = extentionArr[extentionArr.length-1]; 
  8. if(!(allowExtention.indexOf(extention)>-1)){ 
  9. alert("Please upload image!"); 
  10. }else
  11. //for adveced broswer(the newest ie,chrome,ff) 
  12. if(typeof(FileReader)!=="undefined"){ 
  13. var reader = new FileReader(); 
  14. reader.readAsDataURL(fileTag.files[0]); 
  15. reader.onload = function(e){ 
  16. document.getElementById(imgTagId).setAttribute("src", e.target.result); 
  17. }else
  18. //for(ie6) 
  19. document.getElementById(imgTagId).setAttribute("src",fileTag.value); 

希望本文所述對大家的javascript程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板: 桂平市| 响水县| 林芝县| 正镶白旗| 台中市| 杨浦区| 海林市| 新巴尔虎右旗| 建宁县| 治多县| 沁水县| 甘泉县| 兰州市| 伊吾县| 白水县| 陆川县| 绥棱县| 喀喇| 黔西县| 岳池县| 西盟| 汉寿县| 绍兴市| 广汉市| 红桥区| 黄浦区| 宜丰县| 梅州市| 米林县| 乳源| 贺兰县| 镇原县| 塔城市| 陆良县| 兴义市| 盘山县| 驻马店市| 巍山| 正蓝旗| 金乡县| 黄骅市|