使用 ExtJS onFilefieldChange 上传文件答案

【问题标题】：File Upload with ExtJS onFilefieldChange使用 ExtJS onFilefieldChange 上传文件
【发布时间】：2014-01-07 16:09:13
【问题描述】：

我有一个文件上传字段，它是较大表单的一部分。选择文件后，该文件应作为 post(?) 数据上传到 API。

所以我开始了

onFilefieldChange: function(filefield, value, e0pts) {
    filefield.form.submit({
        url: '../api/FileUpload?type=logo',
        waitMsg: 'Uploading your logo...',
        success: function(fp, o) {
            msg('Success', 'Processed file "' + o.result.file + '" on the server');
        }
    });
}

但这不会提交整个表单，而不仅仅是文件！？

对我来说，两者都没有。相反，我收到错误消息“无法调用未定义的提交”，但 ExtJS 不应该为我填充文件字段变量吗？

最后，我可以将文件作为简单的帖子数据提交，还是总是“多部分表单数据”？

【问题讨论】：

你是什么意思“简单的帖子数据”。如果您要上传文件，您还打算如何阅读它？
当我得到 JSON 时，我只是将 POST 数据 blob 放入 JSON Deserializer。对于多部分表单数据，我必须先提取正确的块。
这就是文件上传的方式。你打算如何用 JSON 编码一个二进制文件？
为什么要用 JSON 编码文件？ POST 数据具有 MIME 应用程序/json，但是当我上传 jpeg 时，它也可能是图像/jpeg……不一定是应用程序/multipart-form-data。但我明白了，没有这样的东西可用，我将不得不使用我得到的东西。

标签： extjs file-upload

【解决方案1】：

我认为根据您的代码，您需要从字段中转到 up 到父表单并提交，然后应该定义它。

filefield.up('form').getForm().submit()

【讨论】：