为什么上传文件控制器没有隐藏？答案

【问题标题】：Why is the upload file controller not hidden?为什么上传文件控制器没有隐藏？
【发布时间】：2011-08-14 19:34:58
【问题描述】：

我正在创建一个上传网页。我设置了控制器的 opacity=0 并将它的位置设置为绝对的并且在图像的顶部。这样用户就不会看到丑陋的控制器，而是在点击图片时点击控制器。

一切正常，但是，当且仅当上传成功消息弹出时，丑陋的控制器才会显示。当您单击“确定”时，控制器会消失并弹出消息。更奇怪的是，它并不是每次都显示。但它确实显示了一些时间，比如每两次计数一次。有什么想法吗？

我的代码：

$(document).ready(function() {
    var left = $('#browseButton').offset().left;
    var top = $('#browseButton').offset().top;
    $("[id$='File1']").css('left', left);
    $("[id$='File1']").css('top', top);
    $("[id$='File1']").css('position', 'absolute');
    $("[id$='File1']").css('z-index', '999');
});


<div align="center">Please choose attachment to upload
    <input id="Text1" type="text" style="width: 400px" /><img src="../images/browse.jpg" id="browseButton" style="cursor:pointer;" width="24px" height="24px"/>&nbsp;&nbsp;
    <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/upload-eng.gif" onclick="ImageButton1_Click" />
<input type=file id="File1" name=File1 runat="server" onchange="Text1.value=this.value" style="filter:alpha(opacity=0);width:24px;height:24px;" />

【问题讨论】：

标签： javascript jquery upload

【解决方案1】：

不知道为什么会这样，但您可以在上传控制器上另外设置border:none 和background-color:transparent，这样即使它随机出现，也没什么可看的。

【讨论】：

感谢您的想法，但它不起作用。你仍然可以在那里说一个灰色的按钮。
哦，当然，对不起。没有意识到按钮也出现了。它是否会在页面上出现任何警报时出现，或者在您完成上传后出现？
我只是测试了几次。同样，它不会每次都显示。但是当它显示时，无论它是否完成上传。它在出现 javascript 消息时出现。
您能否在页面加载后显示一个 javascript 警报，看看是否是由显示的警报引起的？
好的，我在页面加载后添加了一个 javascript 警报以查看发生了什么。我刷新页面10次，按钮出现5次。

【解决方案2】：

您不能在上传按钮上使用display:none 有什么原因吗？

也只是一个建议，但文件上传工具之前已经编写过，也许这个工具会有所帮助（Uploadify）。它具有许多功能，包括使用CTRL +单击所有文件进行多文件上传以及对正在上传的文件进行排队。

【讨论】：