vue-friendly-upload v1.0.4

vue-friendly-upload

基于vue，一个简单的上传文件的组件

##安装

npm install --save vue-friendly-upload

##使用方法

import uploader from 'vue-friendly-upload'
Vue.use(uploader)

例如home.vue
<template>
<div>
<jq-uploader
	:action="action" // 服务器上传接口地址
	:multiple="multiple" // 是否多选
	:className="className" // 自定义类名
	:limit="limit" // 上传的最大数量 默认为9
	:withCredentials="withCredentials" // 是否允许上传时候带上cookie, 默认为false
	:autoUpload="autoUpload" // 是否是自动上传
	:headers="headers" // 设置ajax的headers
	:data="dataParam" // 请求附加的参数
	:onBeforeUpload="onBeforeUpload" // 上传前的钩子方法，做文件类型和大小的判断, 该方法需要return布尔值, 当false不上传
	:onProgress="onProgress" // 上传进度方法, 自定义上传进度
	:onSuccess="onSuccess" // 上传成功的回调
	:onError="onError" // 上传错误回调
	:onRemove="onRemove" // 删除文件的回调, 返回一个被删除文件的位置索引
>
	<!-- slot插槽用法： 不具名的时候，可以自定义上传区域的样式-->
	<div>上传(会把默认的上传样式变成你设置的样式)</div>
	<!-- 具名用法，可以替换上传后图片的显示列表 -->
	<div name="showList">这里自定义图片显示的样式</div>
</jq-uploader>
</div>
</template>
<script>
export default {
data() {
	return {}
},
	methods: {}
}
</script>