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

这个时候插件的使用才会正常。
来源：互联网
免责声明：如果侵犯了您的权益，请联系站长（1277306191@qq.com），我们会及时删除侵权内容，谢谢合作！