Skip to content

Electron — Upload files from explorer or screenshots to imgur.com

Notifications You must be signed in to change notification settings

iliyaZelenko/vue-electron-images-uploader

Repository files navigation

Images Uploader

Features

  • Selecting pictures from Explorer or Clipboard
  • Editing before downloading
  • Upload progress
  • Upload on hosting imgur.com as an anonymous author
  • Selecting files via tray (Command or Ctrl + Q)
  • electron-updater with progress and auto check every minute
  • Vue CLI 3 + Vuetify + vue-cli-plugin-electron-builder
  • Windows all tested

Project setup

yarn

or if you use NPM:

npm i

To start a development server:

If you use Yarn (strongly recommended):

yarn serve:electron

or if you use NPM:

npm run serve:electron

To build your app:

With Yarn:

yarn build:electron

or with NPM:

npm run build:electron

electron-updater with github:

Generate a GitHub access token by going to https://github.com/settings/tokens/new. The access token should have the repo scope/permission. Once you have the token, assign it to an environment variable

On macOS/linux:

export GH_TOKEN="<YOUR_TOKEN_HERE>"

On Windows, run in powershell:

[Environment]::SetEnvironmentVariable("GH_TOKEN","<YOUR_TOKEN_HERE>","User")

Make sure to restart IDE/Terminal to inherit latest env variable.

Change the settings in app-update.yml:

provider: github
owner: iliyaZelenko
repo: vue-electron-images-uploader

Publish for your platform with: publish:electron

If you want to publish for more platforms, edit the publish:electron script in package.json.