You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.0 KiB
95 lines
2.0 KiB
<template> |
|
<view> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-padding-wrap uni-common-mt"> |
|
<view class="demo"> |
|
<block v-if="imageSrc"> |
|
<image :src="imageSrc" class="image" mode="widthFix"></image> |
|
</block> |
|
<block v-else> |
|
<view class="uni-hello-addfile" @click="chooseImage">+ 选择图片</view> |
|
</block> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'uploadFile', |
|
imageSrc: '' |
|
} |
|
}, |
|
onUnload() { |
|
this.imageSrc = ''; |
|
}, |
|
methods: { |
|
chooseImage: function() { |
|
uni.chooseImage({ |
|
count: 1, |
|
sizeType: ['compressed'], |
|
sourceType: ['album'], |
|
success: (res) => { |
|
console.log('chooseImage success, temp path is', res.tempFilePaths[0]) |
|
var imageSrc = res.tempFilePaths[0] |
|
uni.uploadFile({ |
|
url: 'https://unidemo.dcloud.net.cn/upload', |
|
filePath: imageSrc, |
|
fileType: 'image', |
|
name: 'data', |
|
success: (res) => { |
|
console.log('uploadImage success, res is:', res) |
|
uni.showToast({ |
|
title: '上传成功', |
|
icon: 'success', |
|
duration: 1000 |
|
}) |
|
this.imageSrc = imageSrc |
|
}, |
|
fail: (err) => { |
|
console.log('uploadImage fail', err); |
|
uni.showModal({ |
|
content: err.errMsg, |
|
showCancel: false |
|
}); |
|
} |
|
}); |
|
}, |
|
fail: (err) => { |
|
console.log('chooseImage fail', err) |
|
// #ifdef MP |
|
uni.getSetting({ |
|
success: (res) => { |
|
let authStatus = res.authSetting['scope.album']; |
|
if (!authStatus) { |
|
uni.showModal({ |
|
title: '授权失败', |
|
content: 'Hello uni-app需要从您的相册获取图片，请在设置界面打开相关权限', |
|
success: (res) => { |
|
if (res.confirm) { |
|
uni.openSetting() |
|
} |
|
} |
|
}) |
|
} |
|
} |
|
}) |
|
// #endif |
|
} |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
.image { |
|
width: 100%; |
|
} |
|
|
|
.demo { |
|
background: #FFF; |
|
padding: 50rpx; |
|
} |
|
</style>
|
|
|