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

  • 相关阅读:
    用js添加网页标题时,在QQ里无效,标题栏空白
    用css3的@keyframes里设置transform:rotate(); 当控制动画暂停:animation-play-state:paused暂停,在微信和safari里无效
    Python可变序列中的一些坑,记得多注意
    你知道?Python 中的序列类型支持哪些公共操作吗?
    用 python print() 函数实现的三个特效
    教你使用python生成器重构提取数据方法,来优化你的爬虫代码
    python中主线程与子线程的结束顺序,你知道吗?
    python装饰器实现对异常代码出现进行自动监控
    Python教程:高效率遍历文件夹寻找重复文件
    python教程: filter()和reduce()函数用法详解
  • 原文地址:https://www.cnblogs.com/vellemo/p/6340069.html
Copyright © 2011-2022 走看看