vue-simple-uploader上传成功之后的response获取代码

vue-simple-uploader上传成功之后的上传成功之后的response获取代码获取代码

主要介绍了vue-simple-uploader上传成功之后的response获取代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧~

我就废话不多说了，大家还是直接看代码吧~

<template>

<uploader :options="options" :file-status-text="statusText" class="uploader-example" ref="uploader" @file-success="fileSuccess"></uploader>

</template>

<script>

export default {

},

attrs: {

accept: 'image/*'

},

statusText: {

success: '成功了',

error: '出错了',

uploading: '上传中',

paused: '暂停中',

waiting: '等待中'

console.log('complete', rootFile, file, message, chunk)

}

},

mounted () {

// 获取uploader对象

this.$nextTick(() => {

window.uploader = this.$refs.uploader.uploader

})

}

}

2.main.js全局引入上传插件

import uploader from 'vue-simple-uploader'

Vue.use(uploader)

3.安装md5校验插件（保证上传文件的完整性和一致性）

npm install spark-md5 --save

页面页面

<template>

<div>

<uploader :key="uploader_key" :options="options" class="uploader-example"

:autoStart="false"

<uploader-list></uploader-list>

</uploader>

</div>

</template>

<script>

import SparkMD5 from 'spark-md5';

export default {

data() {

attrs: {

accept: '.zip'

}