|
@@ -3,7 +3,7 @@
|
|
|
<div class="box">
|
|
|
<ul class="upload-imgs">
|
|
|
<li
|
|
|
- v-if="imgLen>=6 ? false : true"
|
|
|
+ v-if="imgLen<6"
|
|
|
class="uploadBox"
|
|
|
@click="handleUpload"
|
|
|
>
|
|
@@ -37,19 +37,30 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script type="text/javascript">
|
|
|
+import {isIos,isWX} from '@utils/tools';
|
|
|
+import $ from 'jquery';
|
|
|
export default {
|
|
|
name: 'UploadImg',
|
|
|
data() {
|
|
|
return {
|
|
|
mag: "上传图片",
|
|
|
imgs: {},
|
|
|
- imgLen: 0
|
|
|
+ imgLen: 0,
|
|
|
+ flag:true //图片处理完成后才可以再次点击上传
|
|
|
}
|
|
|
},
|
|
|
props: ['item', 'moduleType', 'imgList'],//moduleType-哪个模块下上传的图
|
|
|
mounted() {
|
|
|
this.imgs = this.imgList; //回读
|
|
|
+ this.imgLen = Object.keys(this.imgList).length;
|
|
|
this.$previewRefresh();//预览刷新
|
|
|
+ if(isIos()){
|
|
|
+ $('.upload').removeAttr("capture")
|
|
|
+ }else if(!isWX()){
|
|
|
+ // 微信端添加这个属性直接调拍照
|
|
|
+ //安卓手机且非微信端添加相机属性,否则QQ浏览器打不开相机
|
|
|
+ $('.upload').attr("capture","camera")
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
handleUpload() {
|
|
@@ -61,7 +72,9 @@ export default {
|
|
|
alert("请开启权限设置")
|
|
|
})*/
|
|
|
const inp = this.$refs.inp;
|
|
|
- inp.click();
|
|
|
+ if(this.flag){
|
|
|
+ inp.click();
|
|
|
+ }
|
|
|
},
|
|
|
delImg(key) {
|
|
|
let obj = this.imgs;
|
|
@@ -73,6 +86,7 @@ export default {
|
|
|
},
|
|
|
addImg() {
|
|
|
// 上传图片进行压缩,压缩后超过4M则不允许上传
|
|
|
+ this.flag = false;
|
|
|
let fileTag = this.$refs.inp;
|
|
|
// let img = this.$refs.img;
|
|
|
let file = fileTag.files[0];
|
|
@@ -106,6 +120,7 @@ export default {
|
|
|
}
|
|
|
// that.$refs.inp.value = '';
|
|
|
fileTag.value = '';
|
|
|
+ that.flag = true
|
|
|
});
|
|
|
},
|
|
|
imgBase64(file, callback) {
|