Установить размер загрузки файла через Jquery

2

У меня есть FileUpload Control на моей странице:

 <asp:FileUpload runat="server" ID="fuAttachment" CssClass="fileUploadCSS" size="76" />

Я хочу изменить размер этого элемента управления на событии Click Click, хотя JQuery.

Как мне установить его? потому что ($("#fuAttachment").size не работает. и ($("#fuAttachment").width возвращает null

Спасибо в Advace

  • 0
    Посмотрите stackoverflow.com/questions/8443574/…
  • 0
    Я думаю, что вы хотите проверить размер файла, а не размер элемента управления. Вам нужно сделать это либо в файле web.config, либо на стороне сервера.
Показать ещё 1 комментарий
Теги:

2 ответа

2
Лучший ответ

Попробуйте это для вашей кнопки onclick method:

$('#fuAttachment').css('width',200);

Вы можете найти более подробную информацию о jQuery css здесь

Обновление

Во время моего разговора с devjosh я придумал эту строку кода

$('#fuAttachment').attr('size', 50);

Кажется, что в современных браузерах атрибут размера намного больше, чем изменение свойства ширины css.

Здесь вы не видите рабочий пример: http://jsfiddle.net/CY3jG/1/ (протестирован в IE 8 и FF 9)

Поделиться
  • 0
    это не работает @ Grrbrr404 jsfiddle.net/D2w3f посмотри здесь
  • 0
    @Devjosh Почему бы и нет
Показать ещё 9 комментариев
0

У вас есть контроль над различными элементами стиля управления FileUpload. Для целей проектирования вы можете временно добавить сплошную границу, это даст вам лучшую перспективу, чтобы увидеть, как фактически изменяется ширина. В FireFox и Chrome нет рамки вокруг текстового поля элемента управления FileUpload, есть для IE. Без границы видно, что ширина не изменяется в FF, Chrome. Например, script ниже изменяет размер шрифта, цвет фона и ширину (это будет ясно с добавленной рамкой).

<script>
      $(document).ready(function() {
      $("#FileUpload1").css('font-size', '25');
      $("#FileUpload1").css('background-color', 'red');
      $("#FileUpload1").css('border', 'solid');
      $("#FileUpload1").css('width', '800');         
          });          
  </script>

Надеюсь, что это поможет.

Поделиться
  • 0
    в jquery чаще объединяют несколько методов в одном и том же объекте jq. Например: $ ("# FileUpload1"). Css ('font-size', '25'). Css ('foo', 'bar'). Val ('новое значение'). Css ('morestuff', 'foo ') .attr (' х '' у);

Ещё вопросы

Сообщество Overcoder
Наверх
Меню