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

Question

我正在创建一个上传网页。我设置控制器的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;" />

Answer 1

不确定为什么会发生这种情况，但您还可以在上传控制器上另外设置border:none和background-color:transparent，这样即使它随机显示，也没有什么可看的。

Answer 2

您是否有理由不能在上传按钮上使用display:none？

也只是一个推荐，但之前已经编写了文件上传工具，也许这个工具可能很有帮助（Uploadify）。它具有许多功能，包括使用CTRL +单击所有文件并对正在上载的文件进行排队等多文件上载。