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>

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

转载于:https://www.cnblogs.com/wo1ow1ow1/p/11130735.html

uni-app 选择图片(chooseImage)相关推荐

  1. uni App多图片上传,java后台接收

    前台页面: <!-- 图片上传 --><wslimg title="图片上传" :num="9" :dataList="dataLi ...

  2. uni-app用uni.chooseImage API调用相机或从相册中选择图片

    uni-app用uni.chooseImage API调用相机或从相册中选择图片 chooseImage: function() {var _this = this;uni.chooseImage({ ...

  3. uniapp:uni.chooseImage、uni.uploadFile,选择图片,上传图片

    更换头像功能, //上传图片 upfile(){let _this = this;uni.chooseImage({ // 从本地相册选择图片或使用相机拍照.count: 1,//默认选择1张图片si ...

  4. 2022-09-09 uni-app学习笔记(六) uniapp常用API,使用uniapp常用API(uni.chooseImage等)实现聊天框的选择图片和input框发送文本信息功能

    文章目录 1. uniapp的js的API由两个部分组成 标准ECMAScript的jsAPI uniapp扩展的APi 2.uniapp常用的api(看官网) 3.使用uniapp常用的api完善模 ...

  5. uni-app: APP端同时选择图片和视频,长按删除并震动提示

    APP端同时选择图片和视频 全部代码: <!-- --> <template><view><view><view><view styl ...

  6. 【小5聊】小程序之体验版本wx.chooseImage选择图片上传可以,而线上正式版本选择图片一闪而过的原因

    [问题描述] 在提交版本审核前,已经在体验本测试过,通过wx.chooseImage这个微信api接口是可以上传图片的.审核通过后,通过使用线上正式版本,发现选择图片后,一闪而过,然后就没反应了. [ ...

  7. Android 调用相机APP获取拍照图片和从相册选择图片

    源码部分分析 Camera.java → 点我定位,注意研究1134行与2023行的两个方法. 通过源码可以发现,输出的图片有2个分支 如果你没有指定Intent里面的Extra参数,它就返回一个序列 ...

  8. Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择

    Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择 1.前言 在使用 typora 时,可以自动上传图片,而且有几种方案可以 ...

  9. 徒手撸一个好玩的App:随机选择图片

    简介 做一个从多张图片中随机选择一张的App. 主要特性 支持倒计时 支持网络下载图片 支持改变图片背景框颜色 支持动画显示图片 效果图 下载地址 https://gitee.com/cxyzy1/s ...

  10. uniapp chooseImage选择图片在部分手机会刷新页面

    在uniapp 做选择文件的功能 有部分手机选择完后  会触发生命周期里的方法  会造成页面数据重新渲染,数据更新,造成图片选择不成功等问题,防止这种做法 我们有两种方式 一. 不要在onshow生命 ...

最新文章

  1. LeetCode简单题之最后一块石头的重量
  2. SQL Server 高可用性(三)共享磁盘
  3. Mybatis-自定义类型处理器
  4. VTK:几何对象之PolygonIntersection
  5. 【java】动态绑定机制
  6. 1019 数字黑洞 (20分)
  7. linux下如何升级gcc和g++编译器
  8. Flash Media Live Encoder 使用帮助
  9. Linux 中的vmlinuz
  10. ArcgisPro3.0.1中文安装包下载及安装教程
  11. 真的神了~无意中发现1500道的2021LeetCode算法刷题pdf笔记
  12. JavaScript生成uuid
  13. 基于氚云平台的应用开发学习(一)
  14. phpStudy安装教程
  15. C语言基础学习——基本数据类型(char型)
  16. 数据分析EXCEL入门必备
  17. python中import requests是什么意思_python中requests库使用方法详解
  18. 【信号处理】迫零均衡前与迫零均衡后眼图对比附Matlab代码
  19. python是个啥-CPython是个什么鬼?
  20. 一年中的某周转换成当前周星期一和星期日的日期

热门文章

  1. 蘑菇街2016校园招聘——聊天
  2. pythonturtle魔法阵_python turtle 库绘制简单魔法阵
  3. Vue基础渲染及修饰符
  4. 林忆莲:白莲花,红玫瑰
  5. No discret job created in Oracle
  6. [实用代码] 基于CH554电容触摸屏IIC转USB转IIC方案代码分享
  7. 输出边长为n的正六边形(c语言)
  8. linux 清除dns缓存
  9. opencv之subtract
  10. PySpark 之 连接变换 union、intersection、subtract、cartesian