jj-uploader

a vue componet to upload file to server using ajax, support preview image
386
Install
npm install jj-uploader
Latest Version:1.0.1
Vue:2
License:MIT
Last Updated:Dec 23, 2018
Links: GitHub  ·  npm
Maintainer: comfan-lee

jj-uploader is designed for single file update usage in your Vue App.

demo

Usage

  1. install jj-uploader via npm

    npm i jj-uploader

  2. import it into your view

    <script>
    import JjUploader from 'jj-uploader'
    
    export default {
      components:{
        'jj-uploader':JjUploader,
      },
    }
    </script>
    
  3. Use it

    jj-uploader designed for simple single file upload usage.

    Props Type Description
    url String the file upload url aka action in traditional from tag.
    timeout Number timeout in upload process, default is 0.
    Event Description
    success when file successfully updated, this event will be trigged.
    error when error occurred, this event will be trigged.

Sample Uasge

<jj-uploader :timeout="10000" url="http://localhost:8080/upload/" @error="errorOccured" @success="success"/>
methods:{
    errorOccured(event){
      console.log(event)
    },
    success(event){
      console.log(event)
    }
  }

Related Packages

vue3-image-uploader

Image loader for Vue 3, displays image previews and the ability to switch multip...

1,567 1
vue-image-upload-resize

A simple Vue.js component for client-side image upload with resizing

160,362 171
filepool

An out-of-the-box file uploader based on filepond

1,284
vue-simple-upload-component

A simple upload component for Vue.js 2.x

1,016 12
vue-picture-input

Mobile-friendly picture file input component with image preview and drag and dro...

131,226 883

Version History

Version Released Vue License
1.0.1 ^2.5.16 MIT
1.0.0 ^2.5.16 MIT