uni-app上传图片base64

uni.chooseImage({count: 1 - that.uploaderNum1, // 默认1sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function(res) {console.log(res)// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片let uploaderList = res.tempFilePaths;// let uploaderList = that.uploaderList.concat(tempFilePaths);// 图片的长度 就隐藏那个按钮if (uploaderList.length == 1) {that.showUpload1 = false}that.uploaderList1 = uploaderListthat.uploaderNum1 = uploaderList.length// that.getbaseimg(that.uploaderList1[0])uni.request({url: that.uploaderList1[0],method: 'GET',responseType: 'arraybuffer'success: ress => {let base64 = wx.arrayBufferToBase64(ress.data); //把arraybuffer转成base64 base64 = 'data:image/jpeg;base64,' + base64 //不加上这串字符，在访问页面无法显示that.http.post('上传图片的http', {base64_string: base64}).then(res => {console.log(res)that.isakwnadls1 = res.data.dataconsole.log(that.isakwnadls1)})}})}})base64 放到img标签里面也是可以显示的

uni-app上传图片base64相关推荐

uni App+H5 实现人脸识别
uni App+H5 实现人脸识别通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...
uni-app uni.uploadFile上传图片前后端（java）详解
近日在使用uni.uploadFile上传图片时,碰到后端收到不到文件的问题,网上没有写uni-app java后端的处理实例,小程序到是有很多,但都是单文件上传,即使是多文件上传,也是采用一个for ...
app上传图片以及识别身份证信息
app上传图片以及识别身份证信息主要功能实现:1手机端拍照上传身份证照片到服务器,然后读取出身份证的信息. 前端: //选择相册var files=[];var index=1; function ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...

uni-app上传图片base64

uni-app上传图片base64相关推荐

最新文章

热门文章