十月 Cms - 如何使用前端表单保存 png 图像？答案

【问题标题】：October Cms - How can I save a png image using a frontend form?十月 Cms - 如何使用前端表单保存 png 图像？
【发布时间】：2017-12-29 12:02:41
【问题描述】：

我希望用户能够上传图片以在页面中显示。

我尝试了不同的方式，但无法上传。

【问题讨论】：

你能提供一个你尝试过的样本吗？
php upload image的可能重复

标签： javascript php html octobercms

【解决方案1】：

首先你需要最新版本的 10 月 cms，因为它支持使用 ajax Api 上传文件。

{{ form_ajax('onUploadImage', { files: 'true',  flash: 'true', 'data-request-files':true, 'data-request-validate': true }) }}
    <input type="file" name="avatar" id="avatar" />
    <button type="submit" data-attach-loading>Upload</button>
{{ form_close() }}

files: 'true' 是必需的。

现在在您的component 或您的page code section 上，您可以编写代码

public function onUploadImage() {
    // Returns the signed in user
    $user = Auth::getUser();
    $user->avatar = \Input::file('avatar');
    $user->save();

    //this \Input::file('avatar'); do have file instance
    so with your model you can also do same 
    // $yourModel get your model instance
    $yourModel->fileRelation = \Input::file('file_input_name');
    $yourModel->save();
}

在你的模型里面可以添加关系

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

如果您需要POST方法上传文件，它将允许您使用AJAX上传文件，请评论。

【讨论】：