Drag and Drop Image Uploads

Kirby 3 Questions 🤔
1

Hi,

Using Kirby 2 I’ve been told that it was possible to upload images via drag and drop. If this is an available feature in K3 then I’m not sure how to enable it. The only options I have current are ‘Add’ or ‘Select’.

Does anyone know if drag and drop for image uploads is a feature of K3?

1 Like
2

AFAIK you can still upload images via drag and drop in fields of type textarea and sections of type images. I’m not sure if it works for fields of type images; in a quick test it seems like it doesn’t…

3

Interesting. I’ve just given the drag and drop a go with Image Sections, it works quite well.

I think for now this works fine. Thanks!

For some reason the option to ‘Select’ a previously uploaded image has disappeared… Do you know if I can add that back in?

4

Maybe the files use a different template. Could you please post your blueprint?

5

The section in question is the gallery. It Does indeed use a file template, which I’ve included below.

 - width: 2/2
    sections:
      content:
        type: fields
        fields:
          featuredartistsslotone:
            label: Featured Artists Slot 1
            type: toggle
            width: 1/6
          featuredartistsslottwo:
            label: Featured Artists Slot 2
            type: toggle
            width: 1/6
      gallery:
        headline: Featured Art Work ( Max 6 )
        type: files
        template: gallery
        min: 0
        max: 6
        layout: cards
        template: artist
        info: "{{ file.dimensions }}"
        image:
          ratio: 16/9
          cover: true
        size: small

title: Artist

columns:
  - width: 1/2
    sections:
      meta:
        type: fields
        fields:
          alt:
            label: Alternative Text
            type: text
          artist:
            label: Artist
            type: text
            width: 1/2
          link:
            label: Link
            type: url
            width: 1/2

As you can see from the image below, I have no option to select a pre-existing image…

Screenshot 2020-08-13 at 17.57.25
Screenshot 2020-08-13 at 17.57.251475×490 147 KB

Is it just not possible with section images?

6

The purpose of a section is not to select something, so no, not possible. To select something (and store what you selected in the content file), you would have to use a field instead of a section.

7

Ok. So I’m correct in thinking that if I use the field option you suggest, I won’t be able to drag and drop to upload images?

8

Yep, unfortunately not.

You could, of course, use the section for uploading by drag & drop, and the field for then selecting files.