zoukankan      html  css  js  c++  java
  • iframeUpload

    废话没有,直接代码:

    (function(ns) {
        function IframeUpload(options) {
            var config = {
                obj: null,
                action: "",
                beforeUpload:null,
                afterUpload: null
            },
            __self__ = this;
            for (var a in options) {
                config[a] = options[a];
            }
            this.config = config;
            var iframe = document.createElement("iframe");
            iframe.setAttribute("src", "javascript:void(0)");
            iframe.style.display="none";
            iframe.addEventListener("load", function() {
                __self__.config.afterUpload && __self__.config.afterUpload.call(__self__,this.contentWindow.document.body.innerHTML);
            },
            false);
            document.body.appendChild(iframe);
            this.iframe = iframe;
            this.form = null;
            this.file = null;
        }
        IframeUpload.prototype = {
            prepare: function() {
                var __self__ = this;
                var form = document.createElement("form");
                form.setAttribute("method", "post");
                form.setAttribute("target", "_self");
                form.setAttribute("enctype", "multipart/form-data");
                form.setAttribute("action", this.config.action);
                this.iframe.contentWindow.document.body.appendChild(form);
    
                var file = this.config.obj.cloneNode(true);
                form.appendChild(file);
    
                this.form = form;
                this.file = file;
            },
            upload: function() {
                this.prepare();
                this.form.submit();
            },
            afterUpload: function() {},
            beforeUpload:function(){}
        }
        ns.IframeUpload = IframeUpload;
    })(this)

    只针对firefox,新手慎用。

  • 相关阅读:
    Python3 循环语句
    Python3 条件控制
    Python3 字典
    Python3 元组
    Python的字符串函数
    2019/10/24
    JS-字符串方法总结
    maven环境变量配置
    PowerDesigner逆向导入MYSQL数据库并显示中文注释(转载)
    web_custom_request函数详解(转载)
  • 原文地址:https://www.cnblogs.com/jiajiaobj/p/2491139.html
Copyright © 2011-2022 走看看