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);

  • 相关阅读:
    进程通信之信号通信
    分数化小数
    台湾大学公开课《概率》第五周一道不会作的作业题 ,一种看不懂的解法
    网络子系统53_ip协议分片重组_内存阈值
    Centos 6.3 Realtek Audio Driver Compile
    I.MX6 PHY fixup 调用流程 hacking
    I.MX6 AR8031 寄存器操作
    I.MX6 ethtool 移植
    I.MX6 U-Boot ping网络
    Android tcpdump 使用
  • 原文地址:https://www.cnblogs.com/vellemo/p/6340069.html
Copyright © 2011-2022 走看看