 
<script type="text/javascript"> 
$(function() { 
var fileArray = []; 
var i = 0; 
while (i < 100) { 
fileArray.push(i + ":<input type='file' size='" + i + "' /><br />"); 
i++; 
} 
document.write(fileArray.join("")); 
$("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") }); 
}); 
</script> 

在火狐下得到這樣的結(jié)果：

發(fā)現(xiàn)了一定的規(guī)律，默認為208像素，size="1"時為85像素，每個size之間相差6.5個像素的寬度，所以我們可以動態(tài)的設(shè)定size的值，如：

復制代碼代碼如下:

 
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) } 

出處:www.cnblogs.com/flowerszhong

您可能感興趣的文章:

file
size

相關(guān)文章

JavaScript與Image加載事件(onload)、加載狀態(tài)(complete)
以前寫過一個圖片等比縮放的Js函數(shù)，缺陷是要等到所有圖片都加載完畢了，才能進行等比縮放。
2011-02-02
javascript跨域的方法匯總
JavaScript出于安全方面的考慮，不允許跨域調(diào)用其他頁面的對象。但在安全限制的同時也給注入iframe或是ajax應用上帶來了不少麻煩。這里把涉及到跨域的一些問題簡單地整理一下
2015-10-10
javascript之Partial Application學習
在數(shù)學中，一個函數(shù)是描述每個輸入值對應唯一輸出值的這種對應關(guān)系，符號為 f(x)。例如，表達式 f(x)=x2表示了一個函數(shù) f，其中每個輸入值x都與唯一輸出值x2相聯(lián)系
2013-01-01
Phaser.js實現(xiàn)簡單的跑酷游戲附源碼下載
這篇文章主要介紹了Phaser.js實現(xiàn)簡單的跑酷游戲附源碼下載,需要的朋友可以參考下
2018-10-10
js實現(xiàn)div在頁面拖動效果
這篇文章主要介紹了js實現(xiàn)div在頁面拖動效果,涉及JavaScript動態(tài)操作頁面元素與數(shù)值計算的相關(guān)技巧,需要的朋友可以參考下
2016-05-05
微信小程序?qū)W習總結(jié)（二）樣式、屬性、模板操作分析
這篇文章主要介紹了微信小程序樣式、屬性、模板操作,結(jié)合實例形式分析了微信小程序尺寸單位、樣式、數(shù)據(jù)初始化、屬性、模板調(diào)用相關(guān)操作技巧,需要的朋友可以參考下
2020-06-06
微信小程序?qū)崿F(xiàn)錄音功能
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)錄音功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
使用Javascript開發(fā)sliding-nav帶滑動條效果的導航插件
這篇文章主要介紹了使用Javascript開發(fā)sliding-nav帶滑動條效果的導航插件,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-03-03
JavaScript 數(shù)組展平方法: flat() 和 flatMap()詳解
從 ES2019 中開始引入了一種扁平化數(shù)組的新方法，可以展平任何深度的數(shù)組，這篇文章主要介紹了JavaScript 數(shù)組展平方法: flat() 和 flatMap()詳解,需要的朋友可以參考下
2023-06-06
詳解JavaScript的函數(shù)簡介
這篇文章主要為大家介紹了JavaScript的函數(shù)簡介，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-11-11