DEV Community

Cover image for Vue Simple Gallery Uploader
Seth Phat
Seth Phat

Posted on

1 1

Vue Simple Gallery Uploader

Hello everybody!

I was working on a simple task to make a simple upload UI for several pages in my project. So I decided to make a Vue Component and publish it on Github too - I called it as "Vue Simple Gallery Uploader". It has been published recently.

Built with

  • JavaScript
  • Vue 2
  • VueDraggable
  • Bootstrap (Partially, and I don't import bootstrap into the project)

Features

  • Can upload:
    • Images (have preview mode)
    • Files (only show up filename)
  • Validation
  • Working with RestAPI
  • Drag'n drop to re-position the files.

Demo

Vue Simple Gallery Uploader Demo image

(online demo coming soon >O<)

Repository / Installation / Implementation

Visit GitHub - Vue Simple Gallery Uploader.

Please give it a ⭐ if you liked it. It would cheer up my day <3.

Things that need to improve

I noticed some, likes:

  • Fixed columns: yes, right now it's fixed 4 columns. It should be configurable.
  • Ajax Header Configuration (For authorization, etc,...)
  • Standalone styling (coming soon 0.2.0)
  • ... (more? please give me some reviews so I can make it better :D)

Thanks and have a nice day!

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

While many AI coding tools operate as simple command-response systems, Qodo Gen 1.0 represents the next generation: autonomous, multi-step problem-solving agents that work alongside you.

Read full post

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more