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>
最近看的感觉除了把代码复制上来没啥别的操作,也没啥效果图
转载于:https://www.cnblogs.com/wo1ow1ow1/p/11130735.html
uni-app 选择图片(chooseImage)相关推荐
- uni App多图片上传,java后台接收
前台页面: <!-- 图片上传 --><wslimg title="图片上传" :num="9" :dataList="dataLi ...
- uni-app用uni.chooseImage API调用相机或从相册中选择图片
uni-app用uni.chooseImage API调用相机或从相册中选择图片 chooseImage: function() {var _this = this;uni.chooseImage({ ...
- uniapp:uni.chooseImage、uni.uploadFile,选择图片,上传图片
更换头像功能, //上传图片 upfile(){let _this = this;uni.chooseImage({ // 从本地相册选择图片或使用相机拍照.count: 1,//默认选择1张图片si ...
- 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完善模 ...
- uni-app: APP端同时选择图片和视频,长按删除并震动提示
APP端同时选择图片和视频 全部代码: <!-- --> <template><view><view><view><view styl ...
- 【小5聊】小程序之体验版本wx.chooseImage选择图片上传可以,而线上正式版本选择图片一闪而过的原因
[问题描述] 在提交版本审核前,已经在体验本测试过,通过wx.chooseImage这个微信api接口是可以上传图片的.审核通过后,通过使用线上正式版本,发现选择图片后,一闪而过,然后就没反应了. [ ...
- Android 调用相机APP获取拍照图片和从相册选择图片
源码部分分析 Camera.java → 点我定位,注意研究1134行与2023行的两个方法. 通过源码可以发现,输出的图片有2个分支 如果你没有指定Intent里面的Extra参数,它就返回一个序列 ...
- Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择
Typora+PicGo(app)+gitee 图片插入自动上传使用失败与Typora+PicGo-Core+gitee的选择 1.前言 在使用 typora 时,可以自动上传图片,而且有几种方案可以 ...
- 徒手撸一个好玩的App:随机选择图片
简介 做一个从多张图片中随机选择一张的App. 主要特性 支持倒计时 支持网络下载图片 支持改变图片背景框颜色 支持动画显示图片 效果图 下载地址 https://gitee.com/cxyzy1/s ...
- uniapp chooseImage选择图片在部分手机会刷新页面
在uniapp 做选择文件的功能 有部分手机选择完后 会触发生命周期里的方法 会造成页面数据重新渲染,数据更新,造成图片选择不成功等问题,防止这种做法 我们有两种方式 一. 不要在onshow生命 ...
最新文章
- LeetCode简单题之最后一块石头的重量
- SQL Server 高可用性(三)共享磁盘
- Mybatis-自定义类型处理器
- VTK:几何对象之PolygonIntersection
- 【java】动态绑定机制
- 1019 数字黑洞 (20分)
- linux下如何升级gcc和g++编译器
- Flash Media Live Encoder 使用帮助
- Linux 中的vmlinuz
- ArcgisPro3.0.1中文安装包下载及安装教程
- 真的神了~无意中发现1500道的2021LeetCode算法刷题pdf笔记
- JavaScript生成uuid
- 基于氚云平台的应用开发学习(一)
- phpStudy安装教程
- C语言基础学习——基本数据类型(char型)
- 数据分析EXCEL入门必备
- python中import requests是什么意思_python中requests库使用方法详解
- 【信号处理】迫零均衡前与迫零均衡后眼图对比附Matlab代码
- python是个啥-CPython是个什么鬼?
- 一年中的某周转换成当前周星期一和星期日的日期