• <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>

        uploadify插件實現多個圖片上傳并預覽

         更新時間:2019年09月30日 10:02:08   作者:啦啦嚕啦啦   我要評論
        這篇文章主要為大家詳細介紹了uploadify插件實現多個圖片上傳并預覽,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

        使用uploadify插件可方便實現圖片上傳功能。兼容ie6、ie7。

        上傳成功之后使用插件的回調函數讀取json數據,根據url實現圖片預覽。

        效果圖:

        點擊瀏覽文件上傳圖片,圖片依次在右側顯示預覽效果。

        實現:

        json數據格式如下:

        頁面代碼如下:

        注:需要引用jQuery.js、uploadify.js、uploadify文件。。uploadify文件下載地址

        <html>
        <head>
        <script type="text/javascript" src="static/js/jquery.js">"></script>
        <script type="text/javascript" src="static/js/jquery.select.js">"></script>
        </head>
        <body>
        
        <div class="file-box"> 
          <div id="divPreview">
           <span style="float:left">(最多可上傳五張圖片)</span>
          </div>
          <input type="file" name="file" class="file" id="fileField" /> 
          <input type="hidden" name="hash" id="hash" value="xoxo"/> 
        
        </div> 
        <script>
        $(function() {
         $("#fileField").uploadify({
          'height'  : 30,
          'swf'  : '<?php echoYii::app()->request->baseUrl ?>/static/uploadify/uploadify.swf?var='+(newDate()).getTime(),
          'uploader'  :'index.php?r=upload/uploadimage',
          'width'   : 120,
          'onUploadSuccess' : function(file, data, response) {
        
           var info = eval("("+data+")");
           if(info.err==1){alert(info.msg);} //如果圖片過大或者格式錯誤彈出錯誤信息
           else{
           $("#divPreview").append($("<img src='" + info.img + "'/>"));
           $("#divPreview").append($("<input type='hidden' name='imgId[]' value='" + info.imgId + "'/>"));
           }
          },
          'buttonText' : '瀏覽文件',
          'uploadLimit' : 5, //上傳最多圖片張數
          'removeTimeout' : 1,
          'preventCaching': true, //不允許緩存
          'fileSizeLimit' : 4100, //文件最大
        
          'formData'  : { '<?php echosession_name();?>' : '<?php echosession_id();?>','hash':$("#hash").val() } //hash
        
         });
        
         $("#SWFUpload_0").css({ //設置按鈕樣式,根據插件文檔進行修改
        
          'position' :'absolute',
          'top': 20,
          'left': 35,
          'z-index' : 1
        
          });
        
        });
        
        </script>
        </body>
        </html>

        曾遇到問題:

        ie、360瀏覽器中對json數據檢查比較嚴格,不允許最后一個“,”存在。其它瀏覽器不會報錯,需要注意。

        閱讀插件文檔能力有待提高

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

        相關文章

        最新評論

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