uinapp上传图片
时间: 2023-10-25 15:11:14 浏览: 32
在 uinapp 中上传图片可以通过使用 uni.uploadFile() 方法实现。具体步骤如下:
1. 在页面中添加一个上传图片的按钮,绑定点击事件。
2. 在点击事件中调用 uni.chooseImage() 方法选择要上传的图片。
3. 在选择成功的回调函数中,获取到选择的图片路径,并调用 uni.uploadFile() 方法上传图片。
4. 在上传成功的回调函数中,获取到服务器返回的图片地址,可以将其保存到本地或者展示在页面上。
以下是一个简单的示例代码:
```
<template>
<view>
<button @tap="uploadImage">上传图片</button>
</view>
</template>
<script>
export default {
methods: {
uploadImage() {
uni.chooseImage({
success: (res) => {
const tempFilePaths = res.tempFilePaths
uni.uploadFile({
url: 'https://example.com/upload',
filePath: tempFilePaths[0],
name: 'file',
success: (res) => {
const data = JSON.parse(res.data)
const imageUrl = data.imageUrl
// 处理上传成功后的逻辑
}
})
}
})
}
}
}
</script>
```