Upload image from frontend

Archive
1

I want to provide a form for the user to upload a picture. Following the documentation I wrote the following header:

title: Images
form:
name: uploadImages
fields:
-
type: file
multiple: false
destination: '@self’
accept:
- 'image/*'
buttons:
-
type: submit
value: Submit

The the field to upload images and the submit button show correctly but if I press submit the image is not uploaded to location @self. Am I missing a process instruction or is the image uploaded to another place?

Thanks for your help.
Grimm.

2

How did you do? Cause I can’t make my file typed field work.

3

I still could’t solve the problem. Here is the .md-file is used (form.md, - - - escaped by ). It uses the display template form. I tried with different themes (clean blog, saturn and antimatter) but it doesn’t help.
Is there another way to give the user a file upload? This functionaltity seems pretty basic - I feel like I am missing something …

\```
title: Images
form:
    name: formular
    fields:
        -
            name: my_file
            type: file
            multiple: false
            destination: '@self'
            accept:
                - 'image/*'
    buttons:
        -
            type: submit
            value: Submit
\```
Upload images

Screenshot image upload

4

Not sure this will help as I have not used the file upload in the front end but here is my blueprint for a slideshow which uploads files in the admin side.

title: Slider
'@extends': default

form:
  fields:
    tabs:
      fields:
        advanced:
          fields:
            columns:
              fields:
                column1:
                  fields:
                    name:
                      default: modular/slider
                      '@data-options': '\Grav\Common\Page\Pages::modularTypes'
            overrides: 
              fields:
                header.template:
                  default: modular/slider
                  '@data-options': '\Grav\Common\Page\Pages::modularTypes'
        slider:
          type: tab
          title: Slider
          fields:
            header.slider:
              name: slider
              type: list
              label: Slider

              fields:
                .image:
                  type: file
                  label: Image
                  multiple: false
                  destination: 'self@/images'
                  accept:
                    - 'image/*'
                .title:
                  type: text
                  label: Header
                .text:
                  type: textarea
                  label: Text