Issue: Images not appearing in dashboard after uploading #744

Closed
opened 2026-10-05 03:03:13 +02:00 by adam · 7 comments
Owner

When dragging and dropping images, files are uploaded to the correct folder, but do not show up in the dashboard. Also the MediaDb.json becomes populated, but it's just an empty object.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Media'
  2. Drag and Drop to upload image

Expected behavior
Photo preview thumbnail visible in the dashboard + ability to edit, etc.

Console Output

["INFO" - 20:26:07] VSCODE | Front Matter CMS: File DSC01588.jpg uploaded to: .../src/_content/_media/images

Diagnostics Output


Beta: `false`
Version: `10.8.0`
OS: `darwin`
VSCode version: `1.101.1`
    
## Project name

-project-

## Workspace folder

`-project-`

## Total files

Total files found: 75

## Folders

| Title | Path |
| ----- | ---- |
| Galleries | `-project-/src/_content/galleries` |
| People | `-project-/src/_content/people` |

### Files in folders

| Project start length | Search in | md | mdx | markdown |
|--- | --- | --- | --- | --- |
| 22 | `src/_content/galleries/**/*.*` | 3 | 0 | 0 |
| 19 | `src/_content/people/**/*.*` | 1 | 0 | 0 |

## Complete frontmatter.json config

```json
{
  "$schema": "https://frontmatter.codes/frontmatter.schema.json",
  "frontMatter.taxonomy.contentTypes": [
    {
      "name": "default",
      "pageBundle": false,
      "previewPath": null,
      "fields": [
        {
          "title": "Title",
          "name": "title",
          "type": "string"
        },
        {
          "title": "Description",
          "name": "description",
          "type": "string"
        },
        {
          "title": "Publishing date",
          "name": "date",
          "type": "datetime",
          "default": "{{now}}",
          "isPublishDate": true
        },
        {
          "title": "Content preview",
          "name": "preview",
          "type": "image"
        },
        {
          "title": "Is in draft",
          "name": "draft",
          "type": "draft"
        },
        {
          "title": "Tags",
          "name": "tags",
          "type": "tags"
        },
        {
          "title": "Categories",
          "name": "categories",
          "type": "categories"
        }
      ]
    },
    {
      "$schema": "https://frontmatter.codes/config/taxonomy.contenttypes.schema.json",
      "name": "gallery",
      "fields": [
        {
          "title": "Name",
          "name": "name",
          "type": "string"
        },
        {
          "title": "Curator",
          "name": "curatorSlug",
          "type": "contentRelationship",
          "contentTypeName": "person",
          "contentTypeValue": "slug"
        },
        {
          "title": "Dates",
          "name": "dates",
          "type": "fields",
          "fields": [
            {
              "title": "Open",
              "name": "open",
              "type": "datetime"
            },
            {
              "title": "Close",
              "name": "close",
              "type": "datetime"
            }
          ]
        }
      ]
    },
    {
      "$schema": "https://frontmatter.codes/config/taxonomy.contenttypes.schema.json",
      "name": "person",
      "fields": [
        {
          "title": "Full Name",
          "name": "fullName",
          "type": "string"
        },
        {
          "title": "Website",
          "name": "website",
          "type": "string"
        }
      ]
    }
  ],
  "frontMatter.framework.id": "11ty",
  "frontMatter.preview.host": "http://localhost:8080",
  "frontMatter.git.enabled": true,
  "frontMatter.framework.startCommand": "npm start",
  "frontMatter.content.publicFolder": "src/_content/_media",
  "frontMatter.content.pageFolders": [
    {
      "$schema": "https://frontmatter.codes/config/content.pagefolders.schema.json",
      "title": "Galleries",
      "path": "[[workspace]]/src/_content/galleries",
      "contentTypes": [
        "gallery"
      ],
      "extended": true
    },
    {
      "$schema": "https://frontmatter.codes/config/content.pagefolders.schema.json",
      "title": "People",
      "path": "[[workspace]]/src/_content/people",
      "contentTypes": [
        "person"
      ],
      "extended": true
    }
  ],
  "frontMatter.media.contentTypes": [
    {
      "$schema": "https://frontmatter.codes/config/media.contenttypes.schema.json",
      "name": "default",
      "fileTypes": [
        "png",
        "jpg",
        "jpeg",
        "mp4"
      ],
      "fields": [
        {
          "title": "Title",
          "name": "title",
          "type": "string"
        },
        {
          "title": "Description",
          "name": "Description",
          "type": "string"
        },
        {
          "title": "Alt Text",
          "name": "alt",
          "type": "string"
        }
      ]
    }
  ]
}
json```

Device:

  • OS: Mac OS 15.5
  • Front Matter CMS Version 10.8.0
When dragging and dropping images, files are uploaded to the correct folder, but do not show up in the dashboard. Also the `MediaDb.json` becomes populated, but it's just an empty object. **To Reproduce** Steps to reproduce the behavior: 1. Go to 'Media' 2. Drag and Drop to upload image **Expected behavior** Photo preview thumbnail visible in the dashboard + ability to edit, etc. **Console Output** ``` ["INFO" - 20:26:07] VSCODE | Front Matter CMS: File DSC01588.jpg uploaded to: .../src/_content/_media/images ``` **Diagnostics Output** ```# Front Matter CMS - Diagnostics Beta: `false` Version: `10.8.0` OS: `darwin` VSCode version: `1.101.1` ## Project name -project- ## Workspace folder `-project-` ## Total files Total files found: 75 ## Folders | Title | Path | | ----- | ---- | | Galleries | `-project-/src/_content/galleries` | | People | `-project-/src/_content/people` | ### Files in folders | Project start length | Search in | md | mdx | markdown | |--- | --- | --- | --- | --- | | 22 | `src/_content/galleries/**/*.*` | 3 | 0 | 0 | | 19 | `src/_content/people/**/*.*` | 1 | 0 | 0 | ## Complete frontmatter.json config ```json { "$schema": "https://frontmatter.codes/frontmatter.schema.json", "frontMatter.taxonomy.contentTypes": [ { "name": "default", "pageBundle": false, "previewPath": null, "fields": [ { "title": "Title", "name": "title", "type": "string" }, { "title": "Description", "name": "description", "type": "string" }, { "title": "Publishing date", "name": "date", "type": "datetime", "default": "{{now}}", "isPublishDate": true }, { "title": "Content preview", "name": "preview", "type": "image" }, { "title": "Is in draft", "name": "draft", "type": "draft" }, { "title": "Tags", "name": "tags", "type": "tags" }, { "title": "Categories", "name": "categories", "type": "categories" } ] }, { "$schema": "https://frontmatter.codes/config/taxonomy.contenttypes.schema.json", "name": "gallery", "fields": [ { "title": "Name", "name": "name", "type": "string" }, { "title": "Curator", "name": "curatorSlug", "type": "contentRelationship", "contentTypeName": "person", "contentTypeValue": "slug" }, { "title": "Dates", "name": "dates", "type": "fields", "fields": [ { "title": "Open", "name": "open", "type": "datetime" }, { "title": "Close", "name": "close", "type": "datetime" } ] } ] }, { "$schema": "https://frontmatter.codes/config/taxonomy.contenttypes.schema.json", "name": "person", "fields": [ { "title": "Full Name", "name": "fullName", "type": "string" }, { "title": "Website", "name": "website", "type": "string" } ] } ], "frontMatter.framework.id": "11ty", "frontMatter.preview.host": "http://localhost:8080", "frontMatter.git.enabled": true, "frontMatter.framework.startCommand": "npm start", "frontMatter.content.publicFolder": "src/_content/_media", "frontMatter.content.pageFolders": [ { "$schema": "https://frontmatter.codes/config/content.pagefolders.schema.json", "title": "Galleries", "path": "[[workspace]]/src/_content/galleries", "contentTypes": [ "gallery" ], "extended": true }, { "$schema": "https://frontmatter.codes/config/content.pagefolders.schema.json", "title": "People", "path": "[[workspace]]/src/_content/people", "contentTypes": [ "person" ], "extended": true } ], "frontMatter.media.contentTypes": [ { "$schema": "https://frontmatter.codes/config/media.contenttypes.schema.json", "name": "default", "fileTypes": [ "png", "jpg", "jpeg", "mp4" ], "fields": [ { "title": "Title", "name": "title", "type": "string" }, { "title": "Description", "name": "Description", "type": "string" }, { "title": "Alt Text", "name": "alt", "type": "string" } ] } ] } json``` ``` **Device:** - OS: Mac OS 15.5 - Front Matter CMS Version 10.8.0 <!-- github-sync-id:3164594245 -->
adam closed this issue 2026-10-05 03:03:13 +02:00
Author
Owner

Related to #957

Related to #957 <!-- github-comment-id:2993541056 -->
Author
Owner

@clawfire it seems that something changed in the internals of VSCode. Can you test out the latest beta and let me know if that fixes it for you?

@clawfire it seems that something changed in the internals of VSCode. Can you test out the latest beta and let me know if that fixes it for you? <!-- github-comment-id:2996766300 -->
Author
Owner

@CoryBremer can you test out the latest beta version to see if the fix I've implemented fixes it for you?

@CoryBremer can you test out the latest beta version to see if the fix I've implemented fixes it for you? <!-- github-comment-id:2996768177 -->
Author
Owner

@estruyf yep, beta version works great 👍🏼

@estruyf yep, beta version works great 👍🏼 <!-- github-comment-id:3005522391 -->
Author
Owner

I second running into this too! The beta also fixed my issue with this.

I second running into this too! The beta also fixed my issue with this. <!-- github-comment-id:3006458043 -->
Author
Owner

Beta works, images are appearing and drag-n-drop works as well. Thank you!

Beta works, images are appearing and drag-n-drop works as well. Thank you! <!-- github-comment-id:3020684290 -->
Author
Owner

Version 10.9.0 just got released with this fix included.

Version 10.9.0 just got released with this fix included. <!-- github-comment-id:3022249230 -->
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#744