Почему контроллер загружаемого файла не скрыт?

Question

Я создаю веб-страницу для загрузки. Я установил непрозрачность контроллера = 0 и установил его положение как абсолютное и поверх изображения. Так что пользователи не увидят уродливый контроллер, но щелкают по контроллеру, когда нажимают на изображение.

Все работает нормально, однако, когда и только когда выгрузка сообщения происходит успешно, появляется уродливый контроллер. И когда вы нажимаете OK, контроллер исчезает с всплывающим сообщением. Что более странно, это не показывает каждый раз. Но это показывает время как один раз каждые два. Есть идеи?

Мой код:

$(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

Есть ли причина, по которой вы не можете использовать display:none для кнопки загрузки?

Также просто рекомендация, но инструменты для загрузки файлов были написаны ранее, и, возможно, этот может быть полезным ( Uploadify ). Он имеет множество функций, включая загрузку нескольких файлов с помощью CTRL + щелчок по всем файлам и добавление в очередь загружаемых файлов.

Answer 2

Не уверен, почему это происходит, но вы могли бы дополнительно установить border:none и background-color:transparent на контроллере загрузки, чтобы даже если он случайно отображался, там ничего не было видно.