【问题标题】:Set Fileupload size through Jquery通过 Jquery 设置文件上传大小
【发布时间】:2012-01-13 20:26:25
【问题描述】:

我的页面上有文件上传控件:

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

我想通过 Jquery 在按钮的 Click 事件上更改此控件的大小。

如何设置?因为($("#fuAttachment").size 不起作用。 ($("#fuAttachment").width 返回 null

提前致谢

【问题讨论】:

  • 我想你想检查文件的大小,而不是控制的大小。您需要在 web.config 或服务器端执行此操作。
  • @AnandMohanAwasthi 同行询问的是浏览器中的大小而不是文件大小,因此它与 web.config 部分无关

标签: c# asp.net vb.net


【解决方案1】:

试试这个按钮的 onclick 方法:

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

您可以找到有关jQuery css method here的更多信息

更新

在与 devjosh 的交谈中,我想出了这行代码

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

在现代浏览器中似乎比更改 css width 属性更支持 size 属性。

您可以在这里看到一个工作示例:http://jsfiddle.net/CY3jG/1/(在 IE 8 和 FF 9 中测试)

【讨论】:

  • 即使我不知道但想知道你是否告诉我原因@Grrbrr404
  • 您忘记在 jsfiddle(左侧)上选择 jQuery。检查这个:jsfiddle.net/D2w3f/1
  • 对不起@Grrbrr 但我没有注意到宽度的变化
  • 比你的浏览器不支持。在 IE 中检查这个,你会看到。 jsfiddle.net/D2w3f/3AFAIK chrome 和 ff 支持不好
  • 请用单引号将属性值括起来,否则解决方案将不起作用
【解决方案2】:

您可以控制 FileUpload 控件样式的各种元素。出于设计目的,您可能希望临时添加一个实心边框,它可以让您更好地了解宽度是如何实际调整的。在 FireFox 和 Chrome 中,FileUpload 控件的文本框周围没有边框,IE 有。没有边框,FF、Chrome 中的宽度似乎没有变化。例如,下面的脚本会更改字体大小、背景颜色和宽度(添加边框后会变得清晰)。

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

希望这会有所帮助。

【讨论】:

  • 在 jquery 中,在同一个 jq 对象上连接多个方法更为常见。例如:$("#FileUpload1").css('font-size', '25').css('foo','bar').val('new value').css('morestuff','foo ').attr('x','y);
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-11-06
  • 2021-04-19
  • 2019-12-16
  • 1970-01-01
  • 2020-01-17
  • 2016-09-29
  • 2019-12-05
相关资源
最近更新 更多