vue-file-upload-preview v1.0.1

Vue File Upload Preview

Easy to use, highly customizable Vue File Upload Preview library.

How to use

First you need to install this packege using npm or yarn

npm i vue-file-upload-preview

or

yarn add vue-file-upload-preview

Now you need to use this component on your app directory

import { createApp } from 'vue'
import App from './App.vue'

import SpecialUploader from "vue-file-upload-preview";
#if you need default css
require('vue-file-upload-preview/dist/vue-file-upload-preview.css') 

const app = createApp(App)
app.use(SpecialUploader)
app.mount('#app')

Finaly use this component in your template

<template>
  <div>
    <SpecialUploader
      customImage="https://picsum.photos/1000/1000"
    ></SpecialUploader>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>