ExtJS 3 - 文件上传

Posted 2023-02-26

【中文标题】ExtJS 3 - 文件上传

【英文标题】：ExtJS 3 - File Upload

【发布时间】：2014-03-04 12:31:50

【问题描述】：

如何使用 ExtJS 3 上传文件？

我看过这个例子：

Upload File Example

但这似乎是一个 Ext 4 示例。

有人知道吗？

【问题讨论】：

在 extJS 3.3.1 link 上获得了这个示例，但它使用 xtype:'fileuploadfield' 根据此处显示的 ExtJS 3.3.1 的 API 无法识别 link跨度>

根据docs。 BasicForm上有一个属性fileUpload可以实现？

找到了。它也可以在 FormPanel 中使用。您只需要将 FormPanel 的某些项目设置为 xtype:'textField' 并将其配置为 inputType:'file'。这样就行了。不过感谢您的回答。但奇怪的是，这个东西只适用于 xtype:'textField' 而不适用于其他 xtype，如 'button'、'textarea' 等。你知道原因吗？

我不肯定为什么它只会在文本字段上实现，这是个好问题。

【参考方案1】：

ExtJS 3 中没有文件上传组件，但您可以使用以下示例创建一个： http://dev.sencha.com/deploy/ext-3.3.1/examples/form/file-upload.html

此示例为文件上传字段使用自定义组件（请参阅http://dev.sencha.com/deploy/ext-3.3.1/examples/form/file-upload.js）。 另外不要忘记在您的表单上将fileUpload 设置为true。

4 年后编辑： Sencha 似乎已删除 ExtJS 3 的示例页面，但您仍然可以在此处访问副本：http://svn.geoext.org/ext/3.4.0/examples/form/file-upload.html

【讨论】：

谢谢。已经通过同样的例子解决了它。会因为你的好意而接受你的回答:)