使用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>