uni-app 選擇圖片(chooseImage)


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>

最近看的感覺除了把代碼復制上來沒啥別的操作,也沒啥效果圖


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM