Kendo UI 文件上传器表单为空

Question

我正在将现有应用程序转换为使用剑道文件上传器，但上传器不提交文件。这是相关的 HTML：

        <div class="form-sort large bottom-radius">
            <!-- Attachment form -->
                <input type="file"  multiple="multiple"  name="attachments[]" id="addProjectAttachments" class="project-input" style="position: absolute; left: -9999px; top: -9999px; z-index: -9999;" data-key="files" />
                <small class="error">Please provide a project attachment</small>
            <!-- /Attachment form -->
        </div>

相关JS：

        /**
         * Initialize Kendo Upload
         * @external 'kendoUpload()'
         * @see {@link https://demos.telerik.com/kendo-ui/upload/index}
         */
        $inputAttachments.kendoUpload({
            async: {
                saveUrl: '/upload/add',
                removeUrl: '/upload/remove',
                autoUpload: true
            },
            success: onSuccess,
            remove: onRemove
        });

页面向正确的端点发出ajax请求

/upload/add

，但提交的表单没有该文件。这是上传者提交到服务器的屏幕截图：

如何让文件上传者真正发送文件？

更新：只是为了强调另一端没有收到任何内容的事实，以下内容均为空

$_FILES

，

$_POST

，

$_REQUEST

，

file_get_contents('php://input')

。另外，当图像约为 2MB 时，请求大小本身仅为 672B。

Answer 1

此类有效负载有时可能无法在 Chorme 的开发人员工具中正确显示 - 例如，当我使用 Fiddler 进行测试时此演示，当我上传包含文本“AAAAAAAAAAAAAAAAAAAA”的文本文件时，我可以看到以下有效负载：

------WebKitFormBoundaryxjprkqww7bTpl1IF 内容处置：表单数据；名称=“文件”；文件名=“testUpload.txt”内容类型： 文本/纯文本

啊啊啊啊啊啊啊啊啊 ------WebKitFormBoundaryxjprkqww7bTpl1IF--

Answer 2

尝试将 name 和 id 设置为相同，name="attachments" id="attachments"