zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    Python介绍
    产品经理知识体系之产品运营
    go rabbitmq延时队列
    docker安装PHP7.2及扩展
    关于js初始化对象的时间点的笔记
    gorm学习随笔
    Ubuntu18.04 安装PHP7.3
    PHP 冒泡、选择、插入排序
    MySQL 间隙锁的一些个人理解
    小程序插件 wx.navigateTo路由url设置
  • 原文地址:https://www.cnblogs.com/wo1ow1ow1/p/11130735.html
Copyright © 2011-2022 走看看