uni-app 选择图片

uni-app 选择图片

 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>

最近看的感觉除了把代码复制上来没啥别的操作,也没啥效果图

猜你喜欢

转载自www.cnblogs.com/wo1ow1ow1/p/11130735.html