https://github.com/alttiri/vue-file-input
Vue.js file input with Drag and Drop support. Mostly for personal use.
https://github.com/alttiri/vue-file-input
drag-and-drop fileinput vue vue3 vuejs
Last synced: 19 days ago
JSON representation
Vue.js file input with Drag and Drop support. Mostly for personal use.
- Host: GitHub
- URL: https://github.com/alttiri/vue-file-input
- Owner: AlttiRi
- License: mit
- Created: 2023-01-14T21:20:45.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T18:37:30.000Z (over 1 year ago)
- Last Synced: 2025-02-16T13:27:57.195Z (about 1 year ago)
- Topics: drag-and-drop, fileinput, vue, vue3, vuejs
- Language: TypeScript
- Homepage: https://npmjs.com/package/@alttiri/vue-file-input
- Size: 487 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-file-input
Vue.js file input with Drag and Drop support.
Mostly for personal use.
### Demo
```vue
import {FileInput, getStateInstance} from "@alttiri/vue-file-input";
const state = getStateInstance({recursive: true});
globalThis.state = state;
```
This demo is online: https://alttiri.github.io/vue-file-input/
## Installation
### From NPM
```bash
npm install @alttiri/vue-file-input
```
### From GitHub repository
```bash
npm install git+https://github.com/alttiri/vue-file-input.git
```
More ways
### From GitHub repository (a specific version):
- **Based on SemVer:**
```bash
npm install git+https://github.com/alttiri/vue-file-input.git#semver:1.3.0
```
Or add
```
"@alttiri/vue-file-input": "github:alttiri/vue-file-input#semver:1.3.0"
```
as `dependencies` in `package.json` file.
See available [tags](https://github.com/AlttiRi/vue-file-input/tags).
- **Based on a commit hash:**
```bash
npm install git+https://git@github.com/alttiri/vue-file-input.git#c69898556be0b92bee92b0b96249e5731a2fbf47
```
Or add
```
"@alttiri/vue-file-input": "github:alttiri/vue-file-input#c69898556be0b92bee92b0b96249e5731a2fbf47"
```
as `dependencies` in `package.json` file.
See available [commits hashes](https://github.com/AlttiRi/vue-file-input/commits/master).
### From GitHub Packages:
To install you need first to create `.npmrc` file with `@alttiri:registry=https://npm.pkg.github.com` content:
```bash
echo @alttiri:registry=https://npm.pkg.github.com >> .npmrc
```
only then run
```bash
npm install @alttiri/vue-file-input
```
Note, that GitHub Packages requires to have also `~/.npmrc` file (`.npmrc` in your home dir) with `//npm.pkg.github.com/:_authToken=TOKEN` content, where `TOKEN` is a token with the `read:packages` permission, take it here https://github.com/settings/tokens/new.