http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 17410|回复: 2
打印 上一主题 下一主题

[JavaScript] IE下面JavaScript提交form表单提交失败,JS报拒绝访问

[复制链接]
跳转到指定楼层
楼主
发表于 2014-8-26 18:09:35 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式
代码大致如下

[HTML] 纯文本查看 复制代码
    <script>
        function picchange() {
            if (document.all) {
                var b = document.getElementById("btnupload");
                b.click();
            }
            else {
                var evt = document.createEvent("MouseEvents");
                evt.initEvent("click", true, true);
                document.getElementById("btnupload").dispatchEvent(evt);
            }
        }
        function picclick() {
            if (document.all) {
                document.getElementById("photoFile").click();
            }
            else {
                var evt = document.createEvent("MouseEvents");
                evt.initEvent("click", true, true);
                document.getElementById("photoFile").dispatchEvent(evt);
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="uploadAvatar">
        <input name="photoFile" type="file" id="photoFile" runat="server" />
        <div class="btnUpload">
            <asp:Button ID="btnupload" runat="server" Style="display: none;" Text="保 存">
            </asp:Button>
    </form>
</body>
</html>


开始我没详细看代码,以为是兼容性问题。也想过会不会是代码写法问题,于是换成了Jquery写法
[HTML] 纯文本查看 复制代码
function picchange() {
$("#btnupload").click();
}
}

还是一样没有效果。
<div class="btnUpload">
看到了这一行我傻了,
原来是安全问题。像IE 360等浏览器,是不允许程序单击上传控件来上传文件的,只能通过鼠标单击。

而这里是调用的事件。所以肯定是不行的。

那怎么解决呢。很简单,让美工解决。

把DIv定位到这个控件上面。单击是同时单击就OK了。

[CSS] 纯文本查看 复制代码
    <style type="text/css">
        #uploadAvatar { font: 12px nomral 'Microsoft YaHei'; width: 362px; height: 100%; overflow: hidden; }
        #uploadAvatar .avatarBox { margin-top: 20px; }
        #uploadAvatar input[type=file] { opacity: 0; filter: alpha(opacity=0); position: absolute; top: -50px; }
        #uploadAvatar .btnUpload { width: 200px; height: 36px; cursor: pointer;  }
        #uploadAvatar .uploadCut { width: 202px; height: 100%; overflow: hidden; float: left; }
        #uploadAvatar .uploadCut p { color: #999; }
        #uploadAvatar .cutbg { width: 200px; height: 200px; border: 1px solid #e5e5e5;}
        #uploadAvatar .createAvatar { width: 102px; text-align: center; float: right; }
        #uploadAvatar .createAvatar .avatar { width: 100px; height: 100px; border: 1px solid #e5e5e5; border-radius: 50px; }
        #uploadAvatar .createAvatar img { width: 100px; height: 100px; border-radius: 50px; }
        #uploadAvatar .btnSave { color: #fff; font: 12px nomral 'Microsoft YaHei'; width: 70px; height: 24px; line-height: 24px; background: #ee5f00; text-align: center; border-radius: 3px; border: 0; margin: 0 15px; cursor: pointer; }
        #photo { height: 199px; width: 201px; }
    </style>

这个大部分美工都能写。



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
沙发
 楼主| 发表于 2014-8-26 18:10:16 | 显示全部楼层
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-11-8 17:33

© 2014-2021

快速回复 返回顶部 返回列表