uniapp 获取上传图片后预览的图片信息
时间: 2023-08-08 21:07:43 浏览: 200
图片上传时预览
在uniapp中,获取上传图片后的预览图片信息,可以通过以下步骤实现:
1. 使用`uni.chooseImage`选择图片文件,并将选择的文件路径保存在一个变量中。
```javascript
uni.chooseImage({
count: 1, // 最多可选择的图片数量
success: function(res) {
var tempFilePaths = res.tempFilePaths; // 选择的图片文件路径
// 将tempFilePaths保存在一个变量中,后续使用
},
fail: function(err) {
console.log(err);
}
});
```
2. 使用`uni.getImageInfo`获取预览图片的信息。
```javascript
uni.getImageInfo({
src: tempFilePath, // 之前选择的图片文件路径
success: function(res) {
console.log(res.width); // 图片宽度
console.log(res.height); // 图片高度
console.log(res.path); // 图片路径
console.log(res.orientation); // 图片方向,可选值:up(默认)、down、left、right、up-mirrored、down-mirrored、left-mirrored、right-mirrored
},
fail: function(err) {
console.log(err);
}
});
```
在成功选择图片并获取到文件路径后,将文件路径保存在一个变量中,然后使用`uni.getImageInfo`来获取预览图片的信息。成功获取到图片信息后,可以根据需要进行处理或显示。
需要注意的是,`uni.chooseImage`和`uni.getImageInfo`都是异步操作,所以需要在回调函数中处理获取到的图片信息。
阅读全文