uni-app 选择图片（chooseImage）

最新推荐文章于 2025-07-11 11:28:23 发布

weixin_30706507

最新推荐文章于 2025-07-11 11:28:23 发布

阅读量1.7w

点赞数

CC 4.0 BY-SA版权

文章标签： java c# 移动开发

原文链接：http://www.cnblogs.com/wo1ow1ow1/p/11130735.html

这篇博客介绍了如何在uni-app中使用chooseImage API进行图片选择操作，内容包括调用方法和简单应用，但缺乏详细步骤和效果展示。

uni-app 选择图片（chooseImage）

 1 <template>
 2     <view>
 3         <button type="primary" @click="img">button</button>
 4         <button type="primary" @tap="info">info</button>
 5     </view>
 6 </template>
 7 
 8 <script>
 9     export default {
10         data() {
11             return {
12                 
13             }
14         },
15         methods: {
16             // img:function(){
17             //     uni.chooseImage({
18             //         // count:  允许上传的照片数量
19             //         count:5,
20             //         // sizeType:  original 原图，compressed 压缩图，默认二者都有
21             //         sizeType: "original",
22             //         success: function(res){
23             //             console.log(res)
24             //         } 
25             //     });
26             // },
27             img(){
28                 uni.chooseImage({
29                     // count:  允许上传的照片数量
30                     count:5,
31                     // sizeType:  original 原图，compressed 压缩图，默认二者都有
32                     sizeType: "original",
33                     success(res){
34                         console.log(res)
35                         uni.previewImage({
36                             // 对选中的图片进行预览
37                             urls: res.tempFilePaths,
38                             // urls:['','']  图片的地址 是数组形式
39                         })
40                     } 
41                 });
42             },
43             info(){
44                 uni.getImageInfo({
45                     src:'http://tmp/touristappid..4zDrukCye8Nz43bf15211b0e1e455089ee0b03dac6b7.png',
46                     success(res){
47                         console.log(res)
48                     }
49                 })
50             }
51             // info:function(){
52             //     uni.getImageInfo({
53             //         src:'http://static.hcoder.net/public/images/logo.png',
54             //         success: function(res){
55             //             console.log(res)
56             //         }
57             //     })
58             // }
59         }
60     }
61 </script>
62 
63 <style>
64 
65 </style>