|
@@ -8,7 +8,7 @@
|
|
|
|
|
|
|
|
<view class="h-upload-wrap">
|
|
<view class="h-upload-wrap">
|
|
|
<view class="h-item-row">
|
|
<view class="h-item-row">
|
|
|
- <view @click="uploadImg()" class="h-item">
|
|
|
|
|
|
|
+ <view @click="choose()" class="h-item">
|
|
|
<view v-if="!facePhotoUrl" class="h-content">
|
|
<view v-if="!facePhotoUrl" class="h-content">
|
|
|
<image src="/static/me/u01.png" mode="aspectFill"></image>
|
|
<image src="/static/me/u01.png" mode="aspectFill"></image>
|
|
|
<view class="h-text">
|
|
<view class="h-text">
|
|
@@ -33,13 +33,15 @@
|
|
|
<text :style="{'margin-left':'10rpx'}">请阅读并同意</text>
|
|
<text :style="{'margin-left':'10rpx'}">请阅读并同意</text>
|
|
|
<text :style="{'color':'red'}" @click="goTermsOfService">《服务对象协议》</text>
|
|
<text :style="{'color':'red'}" @click="goTermsOfService">《服务对象协议》</text>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+ <yhdslCropper ref="yhdslCropper" :quality="1" mode="scale" @uploadImg="uploadCropImg" scale=1 />
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+import yhdslCropper from '@/components/yhdsl-cropper/yhdsl-cropper.vue';
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
|
|
+ yhdslCropper
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -62,7 +64,10 @@
|
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
-
|
|
|
|
|
|
|
+ choose() {
|
|
|
|
|
+ // 调用实例的chooseImg方法,拉起图片选择界面,待图片选择完毕后直接进入图片截取界面
|
|
|
|
|
+ this.$refs.yhdslCropper.chooseImage();
|
|
|
|
|
+ },
|
|
|
goTermsOfService(){
|
|
goTermsOfService(){
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url:'/myPages/TermsOfService/index?name='+'服务对象协议'+'&type=' + 6
|
|
url:'/myPages/TermsOfService/index?name='+'服务对象协议'+'&type=' + 6
|
|
@@ -142,7 +147,7 @@
|
|
|
success: (chooseImageRes) => {
|
|
success: (chooseImageRes) => {
|
|
|
const tempFilePaths = chooseImageRes.tempFilePaths;
|
|
const tempFilePaths = chooseImageRes.tempFilePaths;
|
|
|
uni.uploadFile({
|
|
uni.uploadFile({
|
|
|
- url: that.$baseUrl + '/resource/oss/upload', //仅为示例,非真实的接口地址
|
|
|
|
|
|
|
+ url: that.$baseUrl + '/resource/oss/upload',
|
|
|
filePath: tempFilePaths[0],
|
|
filePath: tempFilePaths[0],
|
|
|
name: 'file',
|
|
name: 'file',
|
|
|
header: {
|
|
header: {
|
|
@@ -158,6 +163,23 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
|
|
+ },
|
|
|
|
|
+ uploadCropImg(e){
|
|
|
|
|
+ uni.uploadFile({
|
|
|
|
|
+ url: this.$baseUrl + '/resource/oss/upload',
|
|
|
|
|
+ filePath: e,
|
|
|
|
|
+ name: 'file',
|
|
|
|
|
+ header: {
|
|
|
|
|
+ 'Authorization': 'Bearer ' + uni.getStorageInfo('accessToken'),
|
|
|
|
|
+ },
|
|
|
|
|
+ success: (uploadFileRes) => {
|
|
|
|
|
+ console.log("uploadFileRes:"+uploadFileRes)
|
|
|
|
|
+ let res = JSON.parse(uploadFileRes.data)
|
|
|
|
|
+ this.ossId = res.data.ossId;
|
|
|
|
|
+ this.facePhotoUrl = res.data.url.replace("http", "https");
|
|
|
|
|
+ this.reqParm.facePath = res.data.ossId;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|