Page MenuHomeMusing Studio

Drag-and-drop uploading
Open, NormalPublic

Description

Overview

Users should be able to drag and drop an image into the editor to upload it.

Implementation

When a user drags and drops a file into the editor:

  • Start uploading
  • Insert placeholder Markdown for the photo into the body of the post, e.g. ![filename.png](upload://filename.png) like Discourse does

Once the upload finishes, replace e.g. upload://filename.png with the live photo URL.

If the upload fails, let's just remove the Markdown, as Discourse does. We want to be as unobtrusive as possible, so let's start with this and see how it turns out.

TODO: figure out backend implementation

Event Timeline

matt raised the priority of this task from Normal to Needs Triage.Jun 27 2019, 7:47 PM
matt updated the task description. (Show Details)
matt changed the task status from Open to Waiting.Jun 28 2019, 11:50 AM
matt changed the task status from Waiting to Open.Jul 8 2019, 4:02 PM
matt assigned this task to qwazix.
matt triaged this task as Normal priority.
matt moved this task from Backlog to Post-v1.0 on the WriteFreely board.

We can at least get started on the frontend now.

Work is on the image-upload-drag branch.