使用Extjs的FileUploadField插件上傳文件，因為FileUploadField是ext的拓展插件所以在其api中是找不到其方法的，這個文件在extjs的examples文件夾下的ux中，所以在使用FileUploadField的時候必須將其引入過來才可以使用，在使用的過程中會出現一個問題就是，在頁面中出現了兩個上傳按鈕，這個是和ext的本身css的樣式有關系，所以要將樣式修改下：

復制代碼代碼如下:

 
<style type=text/css> .upload-icon { 
background: url('images/image_add.png') no-repeat 0 0 !important; 
} 
.x-form-file-wrap { 
position: relative; 
height: 22px; 
} 
.x-form-file-wrap .x-form-file { 
position: absolute; 
right: 0; 
-moz-opacity: 0; 
filter:alpha(opacity: 0); 
opacity: 0; 
z-index: 2; 
height: 22px; 
} 
.x-form-file-wrap .x-form-file-btn { 
position: absolute; 
right: 0; 
z-index: 1; 
} 
.x-form-file-wrap .x-form-file-text { 
position: absolute; 
left: 0; 
z-index: 3; 
color: #777; 
} 
</style> 

這個時候插件的使用才會正常。

您可能感興趣的文章:

ExtJs中簡單的登錄界面制作方法
接觸Ext也有好幾個月了，但是由于時間問題，都沒有好好總結一下，現在抽空再博客里回顧下Ext使用心得，歡迎各位指點。
2010-08-08
Extjs列表詳細信息窗口新建后自動加載解決方法
有時候我們在新建列表中的一項后需要進入立刻進入詳細信息的編輯頁面，為了使得操作簡便，一般設定自動導向。
2010-04-04
JavaScript的ExtJS框架中數面板TreePanel的使用實例解析
TreePanel為ExtJS提供了一個方便的樹結構數據展示,尤其是在處理JSON格式數據時十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數面板TreePanel的使用實例解析
2016-05-05
學習ExtJS form布局
ExtJS form布局使用說明，需要的朋友可以參考下。
2009-10-10
ExtJS4利根據登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下
2014-05-05
Extjs3.0 checkboxGroup 動態(tài)添加item實現思路
Extjs3.0中的CheckboxGroup默認不能動態(tài)添加item,如需要數據動態(tài)創(chuàng)建，試著創(chuàng)建整個CheckboxGroup，而不是動態(tài)添加item，具體實現如下，感興趣的朋友可以了解下
2013-08-08
extjs實現選擇多表自定義查詢功能前臺部分(ext源碼)
extjs實現選擇多表自定義查詢功能前臺部分(ext源碼) ，需要的朋友可以參考下。
2011-12-12
Extjs grid添加一個圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經常需要添加一個圖片狀態(tài)或者按鈕，下面將自己用過的一些方法與大家分享下
2014-04-04
ExtJS4中使用mixins實現多繼承示例
在ExtJS4中使用mixins來實現多繼承，下面有個不錯的示例，感興趣的朋友可以參考下
2013-12-12
DWR Ext 加載數據
在Ext中直接使用DWR
2009-03-03