shb-vue-upload

    1.0.1 • Public • Published

    shb-vue-upload

    install

    npm install shb-vue-upload

    use

    main.js

    import Vue from 'vue'
    import App from './App.vue'
    import VueUpload from 'shb-vue-upload'
     
    Vue.use(VueUpload)
    new Vue({
      render: h => h(App),
    }).$mount('#app')

    app.vue

    <template>
      <div id="app">
        <vue-upload
          title="选择图片"
          active='/fileupload'
          name='SHB_FU_Input'
          @uploaded='showUploaded'
          @progress='onProgress'
          @error="error"
          class="upload"
          >
            <input type="button" value="upload" />
          </vue-upload>
      </div>
    </template>
    <script>
    export default {
      name: 'app',
      components: {
      },
      methods: {
        showUploaded (res) {
          // console.log('showUploaded',res)
        },
        onProgress (cur, all) {
          // console.log(cur, all)
        },
        error (e) {
          // console.log('upload error ',e)
        }
      }
    }
    </script>

    参数

    参数 说明 类型 默认值
    title 显示标题 String 浏览
    avtive 后台上传接口 String 不可为空
    name 后台接口获取参数名 String 不可为空
    className 自定义样式 String ''
    accept 文件类型,详见html file String ''
    timeout 超时时间(为0时没有超时限制) Number 0

    回调方法

    方法名 说明
    uploaded 上传成功,返回后台接口返回数据(数据为text格式)
    error 错误回调,返回 {status,statusText}
    progress 上传进度 cur,totle

    Keywords

    none

    Install

    npm i shb-vue-upload

    DownloadsWeekly Downloads

    0

    Version

    1.0.1

    License

    ISC

    Unpacked Size

    4.59 kB

    Total Files

    4

    Last publish

    Collaborators

    • suohongbo