gisq-hb-mobile-upload

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

See Configuration Reference.

publish

npm publish --registry http://registry.npmjs.org

````n
### 小demo

<script> import gisqUpload from "../gisq/upload/upload.vue" export default { name: 'app', components: { gisqUpload }, data() { return { //showFiles:[], showFiles:["https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.virtualtelescope.eu%2Fwordpress%2Fwp-content%2Fuploads%2F2018%2F11%2F2018-11-11-Moon-Saturn_Barnaba.jpg&refer=http%3A%2F%2Fwww.virtualtelescope.eu&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619860628&t=52e2ee9f5825302530acdc86003deff3" , "https://wts.itqiche.com/u5/car_u5_video/XuHang.mp4", ] } }, methods: { onChange:function(fileMap){ console.log("onChange") for(let key of fileMap.keys()){ //alert("dddd="+fileMap.get(key).lastModifiedDate) } }, onAdded:function(path,fileObj){ console.log("onAdded="+path) console.log(fileObj) }, onDeleted:function(path){ console.log("onDeleted") console.log(path) }, onBeforeAdded:function(path){ console.log("onBeforeAdded") console.log(path) }, onBeforeDeleted:function(path){ console.log("onBeforeDeleted") console.log(path) }, testParseLocalFile:function(){ //仅限于hbuilder打包环境 var _this=this; var path="file:///sdcard/gisqmap/161776021489153.jpeg"; gisqUpload.readLocalFile(path,function(fileJs,jsBlob){ _this.testSrc=jsBlob; }); }, testGetDeviceInfo:function(){ //仅限于hbuilder打包环境 gisqUpload.getDeviceInfo(function(info){ console.log(JSON.stringify(info)) }) } } } </script> <style> * { padding: 0; margin: 0; } html, body { height: 100%; } #app { height: 100%; } .map { width: 100%; height: 100%; } .gisqupload-div-action-plus{ } </style>