gisq-hb-mobile-upload
v0.5.10
Published
``` npm install ```
Downloads
8
Maintainers
Readme
default
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Run your tests
npm run test
compile to a lib
npm run lib
Lints and fixes files
npm run lint
###dependencies
"v-viewer": "^1.5.1",
"viewerjs": "^1.9.0"
###0.3.0 变更
支持选择视频和拍摄视频
###0.3.1 变更
删除和新增图片钩子函数
###0.5.0
支持v-bind:files.sync="showFiles" 刷新组件数据
支持删除提示
###0.5.1
支持 自定义预览
###0.5.3
重写多视频回显
###0.5.6
选图片最大支持100000张 取消4张限制
###0.5.7
原有视频图片一起选择 ,改为单独选择 防止hbuilder限制50m
###0.5.8
支持调用原生拍照时,传参数
v-bind:extraInfo="extraInfo"
父组件调用例子:
<div id="app">
<gisq-upload @onChange="onChange"
@onAdded="onAdded"
@onBeforeAdded="onBeforeAdded"
@onBeforeDeleted="onBeforeDeleted"
@onDeleted="onDeletedX"
v-bind:files.sync="showFiles"
v-bind:maxChoosePicSize.sync="maxChoosePicSize"
v-bind:extraInfo="extraInfo"></gisq-upload>
<span @click="testGetInfo">测试</span>
<img :src="testSrc"/>
<router-view></router-view>
</div>
###0.5.9
支持调用原生选图片时,传参数设定选择图片数量
v-bind:maxChoosePicSize.sync="maxChoosePicSize"
父组件调用例子:
<div id="app">
<gisq-upload @onChange="onChange"
@onAdded="onAdded"
@onBeforeAdded="onBeforeAdded"
@onBeforeDeleted="onBeforeDeleted"
@onDeleted="onDeletedX"
v-bind:files.sync="showFiles"
v-bind:maxChoosePicSize.sync="maxChoosePicSize"
v-bind:extraInfo="extraInfo"></gisq-upload>
<span @click="testGetInfo">测试</span>
<img :src="testSrc"/>
<router-view></router-view>
</div>
....
import gisqUpload from "../gisq/upload/upload.vue"
export default {
name: 'app',
components: {
gisqUpload
},
data() {
return {
test1:"aaa",
test2:"",
test3:{"name":"test3"},
test4:null,
testSrc:null,
files:[],
//showFiles:[],
showFiles:[
"file://video/1.png",
"file://video/2.png",
] ,
maxChoosePicSize:5,
extraInfo:""
}
},
Customize configuration
publish
npm publish --registry http://registry.npmjs.org
````n
### 小demo