通过 Jquery 设置文件上传大小答案

【问题标题】：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

提前致谢

【问题讨论】：

看看stackoverflow.com/questions/8443574/…
我想你想检查文件的大小，而不是控制的大小。您需要在 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);