2012-01-13 42 views
2

我FileUpload控件在我的頁面:設置文件上傳大小通過Jquery的

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

我想改變這個控件的大小上按鈕的Click事件雖然jQuery的。

我該如何設置?因爲($("#fuAttachment").size不起作用。和($("#fuAttachment").width回報null在Advace

+0

看看http://stackoverflow.com/questions/8443574/how-to-read-maxallowedcontentlength/8444332#8444332 – AnandMohanAwasthi 2012-01-13 05:56:20

+0

我想你想檢查文件的大小,而不是控制的大小。您需要在web.config或服務器端執行此操作。 – AnandMohanAwasthi 2012-01-13 06:01:12

+1

@AnandMohanAwasthi對方詢問瀏覽器的大小,而不是文件大小,所以它與web.config 部分無關 – Devjosh 2012-01-13 06:02:10

回答

2

試試這個爲您的按鈕的onclick方法

感謝:

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

您可以找到有關jQuery css method here

更新

更多信息

在我和devjosh談話,我想出了這行代碼

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

看來,大小屬性更現代的瀏覽器不是改變CSS width屬性的支持。

您卡恩在這裏看到一個工作示例:http://jsfiddle.net/CY3jG/1/(在IE 8和9的FF測試)

+0

這不工作@ Grrbrr404 http://jsfiddle.net/D2w3f/看起來它這裏 – Devjosh 2012-01-13 05:57:46

+0

@Devjosh爲什麼它不應該 – Grrbrr404 2012-01-13 05:59:20

+0

即使我不知道,但會想知道你是否告訴我理由@ Grrbrr404 – Devjosh 2012-01-13 06:00:24

0

你有過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> 

希望這會有所幫助。

+0

它是更常見的連接在同一個jq對象上的多個方法。例如:$(「#FileUpload1」).css('font-size','25').css('foo','bar').val('new value').css('morestuff','foo ').attr(' X '' Y); – Grrbrr404 2012-01-13 12:51:28