• <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
      <nav id="xcyjv"></nav>
    1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>

        JS使用H5實現圖片預覽功能

         更新時間:2019年09月30日 14:02:49   作者:feri   我要評論
        這篇文章主要為大家詳細介紹了JS使用H5實現圖片預覽功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

        JS使用H5實現上傳圖片預覽的功能,以下是代碼的實現:

        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="UTF-8">
        <title>文件上傳預覽</title>
        <script type="text/javascript">
        //預覽圖片,參數說明:第一個參數:要預覽的file對象,第二個參數:預覽的img標簽的id名稱
        function yl(obj,id) {
         //FileReader
         if(window.FileReader){//驗證當前的瀏覽器是否支持圖片預覽
         var reader=new FileReader();
         var file=obj.files[0];
         var regexImage=/^image\//;//js正則表達式,匹配是否擁有image
         if(regexImage.test(file.type)){
          //設置讀取結束的回調函數
          reader.οnlοad=function(data){
          var img=document.getElementById(id);
          img.src=data.target.result;//將結果數據顯示到img標簽上
        
          };
          //開始讀取上傳的文件內容
          reader.readAsDataURL(file);
         }else{
          alert("親,看清楚是圖片預覽");
          return;
         }
         }else{
         alert("親,瀏覽器該升級了");
         return;
         }
        }
        
        </script>
        </head>
        <body>
        <form action="fileup" method="post" enctype="multipart/form-data">
        <input type="file" name="f1" onchange="yl(this,'ylimg')"/>
        <img alt="圖片預覽" id="ylimg" width="400px" height="400px"/>
        <input type="submit" value="上傳圖片"/>
        </form>
        </body>
        </html>

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

        相關文章

        最新評論

        01彩票网app
      1. <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
          <nav id="xcyjv"></nav>
        1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>
            池州 | 晋江 | 海拉尔 | 商洛 | 阿勒泰 | 中卫 | 仁怀 | 如东 | 吉林 | 寿光 | 乳山 | 宣城 | 琼海 | 张家口 | 庆阳 | 孝感 | 芜湖 | 临汾 | 庄河 | 庄河 | 唐山 | 黄南 | 兴化 | 莒县 | 甘孜 | 常州 | 马鞍山 | 吉林长春 | 雄安新区 | 香港香港 | 长治 | 厦门 | 吴忠 | 信阳 | 大连 | 黑河 | 莱州 | 台中 | 扬州 | 顺德 | 晋城 | 珠海 | 眉山 | 招远 | 澳门澳门 | 明港 | 嘉兴 | 铜仁 | 梅州 | 广安 | 泰安 | 乐清 | 酒泉 | 东海 | 保亭 | 临沧 | 昌吉 | 河南郑州 | 云浮 | 菏泽 | 蚌埠 | 来宾 | 南平 | 禹州 | 咸阳 | 遵义 | 泰兴 | 海东 | 吉安 | 海丰 | 南阳 | 山东青岛 | 曹县 | 遂宁 | 桐乡 | 盘锦 | 诸暨 | 乐山 | 双鸭山 | 曲靖 | 沧州 | 临沂 | 塔城 | 惠州 | 东台 | 廊坊 | 池州 | 肇庆 | 吐鲁番 | 海门 | 桂林 | 聊城 | 金华 | 贵州贵阳 | 涿州 | 攀枝花 | 乐清 | 保亭 | 阿拉尔 | 云南昆明 | 章丘 | 大连 | 新余 | 毕节 | 海拉尔 | 琼海 | 长垣 | 滁州 | 来宾 | 金坛 | 万宁 | 伊春 | 邳州 | 甘南 | 邳州 | 杞县 | 百色 | 大庆 | 临汾 | 阳泉 | 克孜勒苏 | 鄢陵 | 江门 | 揭阳 | 新泰 | 柳州 | 张家口 | 醴陵 | 双鸭山 | 青海西宁 | 莒县 | 安顺 | 来宾 | 云浮 | 宁波 | 吉安 | 枣阳 | 青州 | 唐山 | 泸州 | 桐乡 | 台州 | 德宏 | 平潭 | 无锡 | 包头 | 河源 | 郴州 | 迪庆 | 恩施 | 株洲 | 庆阳 | 张掖 | 海南 | 宜宾 | 来宾 | 五家渠 | 遂宁 | 湖州 | 云南昆明 | 河北石家庄 | 赣州 | 昭通 | 衢州 | 阳江 | 柳州 | 珠海 | 宝应县 | 周口 | 丽水 | 林芝 | 商洛 | 呼伦贝尔 | 固原 | 和田 | 长葛 | 遂宁 | 永州 | 海南 | 枣庄 | 寿光 | 长兴 | 辽宁沈阳 | 菏泽 | 大庆 | 东台 | 六安 | 怀化 | 黔西南 | 定安 | 湖南长沙 | 株洲 | 阜阳 | 陵水 | 南安 | 宁波 | 山西太原 | 中山 | 寿光 | 忻州 | 莆田 | 资阳 | 本溪 | 四川成都 | 阜阳 | 荆州 | 儋州 | 南平 | 株洲 | 东阳 | 惠东 | 固原 | 武夷山 | 曲靖 | 襄阳 | 邹平 | 文昌 | 郴州 | 佳木斯 | 新疆乌鲁木齐 | 宁波 | 大连 | 宁国 | 赵县 | 永康 | 临汾 | 长葛 | 渭南 | 海拉尔 | 吉林 | 齐齐哈尔 | 邳州 | 宁波 | 蓬莱 | 泰兴 | 厦门 | 红河 | 溧阳 | 石嘴山 | 大丰 | 陕西西安 | 黄石 | 红河 | 长兴 | 北海 | 阳春 | 汉中 | 景德镇 | 嘉峪关 | 辽宁沈阳 | 东海 | 武夷山 | 迪庆 | 厦门 | 海南海口 | 大连 | 黄南 | 荣成 | 金昌 | 亳州 | 唐山 | 凉山 | 南平 | 珠海 | 黔南 | 阿里 | 东营 | 张北 | 六盘水 | 陇南 | 黔南 | 宁国 | 贵州贵阳 | 淄博 | 江苏苏州 | 果洛 | 衢州 | 邯郸 | 揭阳 | 台州 | 靖江 | 保定 | 广州 | 桐乡 | 淮安 | 临沧 | 珠海 | 娄底 | 广汉 | 河北石家庄 | 云南昆明 | 章丘 | 龙岩 | 海东 | 仁怀 | 临猗 | 鄂州 | 三明 | 姜堰 | 德州 | 惠州 | 衢州 | 运城 | 楚雄 | 三河 | 开封 | 喀什 | 芜湖 | 广饶 | 青海西宁 | 吐鲁番 | 南充 | 大理 | 赣州 | 鄢陵 | 嘉善 | 醴陵 | 保山 | 十堰 | 包头 | 包头 | 大连 | 孝感 | 泰州 | 安岳 | 阿拉善盟 | 崇左 | 阿拉尔 | 桐乡 | 曲靖 | 平潭 | 伊犁 | 齐齐哈尔 | 新沂 | 长葛 | 阜阳 | 嘉善 | 山南 | 定州 | 芜湖 | 宣城 | 吉林长春 | 神农架 | 宁波 | 贵港 | 兴安盟 | 博罗 | 海丰 | 雅安 | 宝鸡 | 海宁 | 天长 | 德清 | 青海西宁 | 德清 | 珠海 | 固原 | 灌南 | 云南昆明 | 乌兰察布 | 通辽 | 厦门 | 常州 | 陵水 | 吉林长春 | 安康 | 阿里 | 乐山 | 石嘴山 | 汝州 | 芜湖 | 宜春 | 恩施 | 台山 | 咸阳 | 西藏拉萨 | 新乡 | 锡林郭勒 | 高雄 | 宁德 | 山南 | 山南 | 喀什 | 长治 | 三明 | 大丰 | 锦州 | 馆陶 | 铜川 | 金坛 | 南京 | 株洲 | 延边 | 镇江 | 固原 | 阜新 | 东营 | 定西 | 香港香港 | 荆门 | 平凉 | 宜宾 | 保定 | 黑河 | 那曲 | 任丘 | 锡林郭勒 | 青州 | 南充 | 商丘 | 赣州 | 酒泉 | 陇南 | 临海 | 日喀则 | 灌南 | 秦皇岛 | 忻州 | 焦作 | 云浮 | 延边 | 东阳 | 高雄 | 鹤壁 | 莱芜 | 济宁 | 保定 | 林芝 | 南充 | 固原 | 忻州 | 仁怀 | 燕郊 | 汉中 | 南阳 | 宝应县 | 东台 | 中山 | 阿拉尔 | 三沙 | 安庆 | 明港 | 十堰 | 运城 | 揭阳 | 内江 | 东营 | 安阳 | 石河子 | 桐乡 | 白沙 | 常德 | 芜湖 | 琼中 | 济宁 | 灵宝 | 丽江 | 兴安盟 | 铜仁 | 宜宾 | 厦门 | 六盘水 | 诸暨 | 浙江杭州 | 宣城 | 清徐 | 迪庆 | 改则 | 任丘 | 江西南昌 | 吉林长春 | 诸城 | 泗洪 | 临沂 | 章丘 | 赣州 | 宜昌 | 吉林长春 | 那曲 | 无锡 | 铜仁 | 大庆 | 三门峡 | 鄂州 | 汕尾 | 荆门 | 珠海 | 汉中 | 肥城 | 黔东南 | 慈溪 | 章丘 | 嘉兴 | 仁怀 | 仙桃 | 湖北武汉 | 眉山 | 景德镇 | 宜昌 | 五家渠 | 吕梁 | 瑞安 | 抚州 | 靖江 | 顺德 | 五家渠 | 泰安 | 义乌 | 禹州 | 乌海 | 揭阳 | 孝感 | 盐城 | 常州 | 福建福州 | 阿里 | 内蒙古呼和浩特 | 云浮 | 如皋 | 乌兰察布 | 丹东 | 伊春 | 果洛 | 泉州 | 日喀则 | 建湖 | 天门 | 南安 | 湘西 | 徐州 | 抚州 | 如东 | 三沙 | 兴化 | 承德 | 新沂 | 宁国 | 六安 | 白银 | 燕郊 | 南京 | 阿坝 | 陵水 | 仁怀 | 辽宁沈阳 | 开封 | 哈密 | 泉州 | 开封 | 赣州 | 江西南昌 | 遂宁 | 淮安 | 六盘水 | 五家渠 | 吐鲁番 | 锡林郭勒 | 南京 | 白山 | 吐鲁番 | 厦门 | 潮州 | 常州 | 江西南昌 | 盘锦 | 怒江 | 日喀则 | 三明 | 河南郑州 | 德宏 | 常州 | 双鸭山 | 台北 | 吐鲁番 | 和田 | 本溪 | 偃师 | 益阳 | 沭阳 | 泰州 | 舟山 | 淮南 | 凉山 | 淄博 | 肥城 | 黔南 | 宿迁 | 燕郊 | 永新 | 青州 | 简阳 | 聊城 | 嘉峪关 | 亳州 | 和田 | 资阳 | 张掖 | 巢湖 | 台北 | 湖北武汉 | 诸城 | 鞍山 | 延边 | 肇庆 | 杞县 | 黄冈 | 三河 | 大同 | 清徐 | 菏泽 | 阳春 | 宜春 | 漳州 | 金华 | 偃师 | 兴化 | 天水 | 明港 | 定安 | 贵州贵阳 | 景德镇 | 辽源 | 濮阳 | 宜春 | 防城港 | 嘉兴 | 延安 | 霍邱 | 黑河 | 天水 | 新乡 | 榆林 | 鄂尔多斯 | 汕尾 | 嘉兴 | 宁夏银川 | 七台河 | 临夏 | 鹰潭 | 吉林长春 | 金坛 | 临汾 | 内蒙古呼和浩特 | 宁国 | 海安 | 廊坊 | 泰安 | 黄石 | 亳州 | 海丰 | 鄂尔多斯 | 乐清 | 许昌 | 池州 | 本溪 | 金华 | 荆州 | 常州 | 克拉玛依 | 无锡 | 乐山 | 义乌 | 阿里 | 如皋 | 双鸭山 | 镇江 | 常德 | 姜堰 | 三亚 | 楚雄 | 娄底 | 桐城 | 邹平 | 无锡 | 湘潭 | 深圳 | 河南郑州 | 诸城 | 博罗 | 资阳 | 宁波 | 大连 | 寿光 | 丹东 | 神农架 | 巴音郭楞 | 邯郸 | 改则 | 新乡 | 芜湖 | 仁怀 | 新泰 | 肥城 | 改则 | 绍兴 | 东莞 | 贺州 | 曲靖 | 株洲 | 莱州 | 禹州 | 沛县 | 和田 | 灌云 | 宜都 | 简阳 | 沭阳 | 韶关 | 孝感 | 枣阳 | 靖江 | 义乌 | 阿坝 | 池州 | 邹平 | 五家渠 | 保定 | 蓬莱 | 馆陶 | 东方 | 日喀则 | 浙江杭州 | 泗阳 | 广饶 | 张家口 | 山东青岛 | 海拉尔 | 百色 | 东营 | 吉林 | 枣庄 | 广汉 | 桂林 | 乐平 | 海安 | 曲靖 | 曹县 | 丽水 | 禹州 | 南京 | 白山 | 莱州 | 阜新 | 忻州 | 溧阳 | 泰兴 | 内江 | 灵宝 | 吉林 | 大庆 | 中卫 | 荆门 | 玉林 | 龙岩 | 深圳 | 和县 | 邢台 | 岳阳 | 鸡西 | 陕西西安 | 吉林长春 | 清徐 | 遵义 | 承德 | 辽阳 | 蚌埠 | 赤峰 | 乳山 | 昭通 | 昭通 | 邳州 | 吴忠 | 安吉 | 台北 | 菏泽 | 怒江 | 海西 | 黔东南 | 寿光 | 宁德 | 库尔勒 | 昌吉 | 襄阳 | 莆田 | 雅安 | 铜陵 | 芜湖 | 来宾 | 黔西南 | 台州 | 宁国 | 东营 | 淄博 | 曲靖 | 台山 | 齐齐哈尔 | 晋城 | 漯河 | 龙口 | 襄阳 | 台中 | 大连 | 马鞍山 | 赣州 | 三亚 | 南安 | 红河 | 信阳 | 靖江 | 宁波 | 百色 | 宁德 | 泗阳 | 天门 | 芜湖 | 禹州 | 瓦房店 | 南阳 | 临猗 | 新余 | 柳州 | 崇左 | 大丰 | 临夏 | 渭南 | 抚顺 | 公主岭 | 文山 | 大兴安岭 | 宜昌 | 大兴安岭 | 黄冈 | 呼伦贝尔 | 象山 | 高密 | 铁岭 | 石狮 | 商丘 | 锡林郭勒 | 邹城 | 景德镇 | 开封 | 金坛 | 定西 | 海东 | 台南 | 云南昆明 | 醴陵 | 高密 | 南京 | 咸阳 | 信阳 | 文昌 | 高密 | 玉溪 | 抚州 | 建湖 | 滁州 | 德阳 | 宁国 | 葫芦岛 | 娄底 | 漳州 | 梧州 | 衢州 | 澳门澳门 | 鹰潭 | 宝应县 | 昭通 | 嘉峪关 | 阿勒泰 | 滕州 | 大庆 | 博尔塔拉 | 攀枝花 | 防城港 | 昌吉 | 衡阳 | 黄南 | 莱芜 | 松原 | 五家渠 | 东台 | 永州 | 金华 | 孝感 | 台南 | 荣成 | 信阳 | 澳门澳门 | 安阳 | 宿迁 | 温岭 | 楚雄 | 普洱 | 通辽 | 石河子 | 南通 | 山南 | 博罗 | 嘉兴 | 昭通 | 滨州 | 神木 | 迪庆 | 乐清 | 辽阳 | 榆林 | 台北 | 长垣 | 巴彦淖尔市 | 嘉兴 | 株洲 | 琼海 | 阿克苏 | 毕节 | 漯河 | 阿拉尔 | 如东 | 邹城 | 迁安市 | 牡丹江 | 安岳 | 大兴安岭 | 临汾 | 汕尾 | 钦州 | 山西太原 | 巴彦淖尔市 | 石嘴山 | 济源 | 玉环 | 白城 | 达州 | 辽宁沈阳 | 晋江 | 怒江 | 商丘 | 三亚 | 禹州 | 兴安盟 | 舟山 | 兴化 | 滨州 | 湖南长沙 | 简阳 | 恩施 | 娄底 | 瑞安 | 广汉 | 燕郊 | 大庆 | 简阳 | 黑河 | 红河 | 建湖 | 浙江杭州 | 温岭 | 三亚 | 运城 | 定西 | 长葛 | 明港 | 保定 | 巴中 | 琼中 | 泰安 | 大兴安岭 | 武夷山 | 毕节 | 吉林 | 永康 | 舟山 | 舟山 | 昭通 | 通辽 | 咸宁 | 武夷山 | 乐平 | 东海 | 大庆 | 新余 | 崇左 | 株洲 | 临夏 | 雄安新区 | 天水 | 赣州 | 巴彦淖尔市 | 曲靖 | 儋州 | 昭通 | 滨州 | 衡水 | 保亭 | 金坛 | 南阳 | 高雄 | 牡丹江 | 吉林 | 大同 | 东阳 | 河南郑州 | 东海 | 鹰潭 | 山西太原 | 六盘水 | 汉川 | 铜川 | 长葛 | 伊犁 | 邹平 | 中山 | 宜春 | 萍乡 | 库尔勒 | 临海 | 丹阳 | 眉山 | 资阳 | 赣州 | 万宁 | 鄢陵 | 陕西西安 | 琼海 | 邳州 | 黔南 | 项城 | 南平 | 青海西宁 | 湛江 | 扬州 | 七台河 | 宜宾 | 台湾台湾 | 曲靖 | 德阳 | 毕节 | 通辽 | 鸡西 | 十堰 | 黑龙江哈尔滨 | 运城 | 博罗 | 乐平 | 桐乡 | 长葛 | 乐平 | 武安 | 庆阳 | 济源 | 陇南 | 马鞍山 | 永州 | 大庆 | 招远 | 台湾台湾 | 永新 | 佛山 | 鸡西 | 吴忠 | 新乡 | 万宁 | 百色 | 嘉善 | 福建福州 | 公主岭 | 安吉 | 辽源 | 东阳 | 高密 | 南京 | 儋州 | 朔州 | 南通 | 天水 | 邹城 | 河源 | 仁怀 | 雄安新区 |