zoukankan      html  css  js  c++  java
  • iframe模拟异步上传图片

    <iframe id="uploadframe" width="0" height="0" style="display:none;" name="upload_target"></iframe>
    
    <form id="uploadpic" target="upload_target" enctype="multipart/form-data" method="post" action="" style="display: none;">
    
    <input type="file" name="uploadImg" id="uploadImg">
    
    </form>
    
    $(function(){
    
    $("#uploadImg").change(function(){
    
       if($(this).val() && checkFile('uploadImg')){
    
    ​       $('#uploadpic').submit();
    
           $(this).val('');​
    
           return true;
    
           //$('#uploadpic').submit();​
    
       }
    
       return false;
    
    });
    
    });
    
    function checkFile(id)
    
    {
    
        extensions = 'jpg,gif,png,jpeg';
    
        var path = document.getElementByIdx_x_x_x_x_x_x(id).value;
    
        var ext = getExt(path);
    
        var re = new RegExp("(^|\s|,)" + ext + "($|\s|,)", "ig");
    
        if(extensions != '' && (re.exec(extensions) == null || ext == '')) {
    
            $.messager.alert("对不起,只能上传jpg, jpeg, png, gif类型的图片!");
    
            $('#'+id).val('');
    
            return false;
    
        }
    
        //showLoading();
    
        return true;
    
    }
    
    function getExt(path) {
    
        return path.lastIndexOf('.') == -1 ? '' : path.substr(path.lastIndexOf('.') + 1, path.length).toLowerCase();
    
    }
  • 相关阅读:
    XML转义符简易版
    MarkDown语法
    判断javaScript变量是Ojbect类型还是Array类型
    Springboot实现VNC的反向代理
    MySql事务隔离的特点与实现
    MySql索引入门
    windows、Linux 批量执行 redis脚本命令
    iis 灰度发布
    iis 负载
    docker中部署.netcore2.2项目
  • 原文地址:https://www.cnblogs.com/benlightning/p/4301786.html
Copyright © 2011-2022 走看看