文件上传在 10 月 CMS 中的前端无法正常工作答案

【问题标题】：file upload not working front end in october CMS文件上传在 10 月 CMS 中的前端无法正常工作
【发布时间】：2018-01-18 06:05:33
【问题描述】：

当我在前端添加 {% component 'fileUploader' %} 时它不起作用，正如我在该页面的页面视图源中看到的那样，似乎相关的 js 和 css 文件没有被添加，而它在管理中显示并且在管理部分工作正常. 是否有任何其他过程从前端添加上传文件？我休憩了https://octobercms.com/plugin/responsiv-uploader 这个 url 指令，但它不起作用。

【问题讨论】：

什么不起作用？你能在日志或某处指定任何错误吗
框架附加功能怎么样？你在你的模板中添加了吗？我想它有时需要能够使一些插件工作..所以也要确保这一点。 - octobercms.com/docs/ajax/introduction#framework-script
您想将 Uploader 用于什么模型以及什么关系和属性？这很重要，因为您只能使用与 System\Models\File 有关系的模型（例如 HasMany）

标签： php octobercms octobercms-plugins

【解决方案1】：

您还必须在使用之前初始化组件。您可以通过将组件拖动到后端的页面或布局来做到这一点。

或者您可以将代码添加到页面或布局源的顶部。在您的情况下，它可能看起来像这样：[fileUploader]

更多信息在docs

【讨论】：

我在同一页面的顶部添加了以下代码，但它不起作用 [fileUploader] maxSize = "2" fileTypes = "*"

【解决方案2】：

文件上传器插件是作者所说的“开发者工具”。它必须专门配置为使用与System\Models\File 的（已经存在的）模型关系。

OC 文档中描述了如何建立这种关系：http://octobercms.com/docs/database/attachments

单个文件附件示例：

public $attachOne = [
    'avatar' => 'System\Models\File'
];

【讨论】：