zoukankan      html  css  js  c++  java
  • 文件上传

    ;(function($){

        $.fn.upload=function(opt){
            var _default={
                "type":"pic",
                "style":1
            }
            var _setting=$.extend({},_default,opt)
            var fileWrapper=$(this).find(".file-wrapper"),
                upBtn=$(this).find(".up"),
                remove=$(this).find(".remove"),
                fileField=$(this).find("input[type=file]");
                fileField.change(function(){
                    var filepath = $(this).val();
                    var extStart = filepath.lastIndexOf(".");
                    var ext = filepath.substring(extStart, filepath.length).toUpperCase();
                    var _this=$(this);
                    if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
                        alert("图片限于bmp,png,gif,jpeg,jpg格式");
                        return false;
                    } else {
                        if(_setting.type=="filename" || !window.FileReader || (/msie/i.test(navigator.userAgent) && !window.opera)){
                               fileWrapper.find("input").val(filepath);
                        }else{
                            var file = this.files[0];
                            var reader = new FileReader();
                            reader.onload = function () {
                               // 通过 reader.result 来访问生成的 DataURL
                               var url = reader.result;
                               fileWrapper.find("img").attr("src",url);
                            };
                            reader.readAsDataURL(file);
                        }
                        if(_setting.style==2){    
                           remove.show();
                           upBtn.hide();
                        }
                    }
                })

                 remove.on("click",function(){
                     if(_setting.type=="filename"){
                         fileWrapper.find("input").val("");
                     }else{
                         fileWrapper.find("img").attr("src","");
                     }
                     if(_setting.style==2){    
                         upBtn.show();
                         $(this).hide();
                     }
                 })

        }

    })(jQuery);

  • 相关阅读:
    MySQL索引背后的数据结构及算法原理 [转]
    5.5下对DDL操作提速的测试
    由浅入深理解索引的实现(2) [转]
    由浅入深理解索引的实现(1) [转]
    两个比较有用的字符串函数
    在慢查询里保留注释部分
    想在Innodb表上做OPTIMIZE操作?先等等看再说!
    Win CE和smartphone和pocket pc和windows mobile比较(zt)
    学习笔记(配置SQL Server 2005允许远程连接)
    配置程序集的版本策略(zt)
  • 原文地址:https://www.cnblogs.com/vellemo/p/6340069.html
Copyright © 2011-2022 走看看