uni-app保存图片到本地

保存base64图片

saveLocalImg() {//this.current是轮播图点击得index//this.imgList是图片listlet base64 = this.imgList[this.current];const bitmap = new plus.nativeObj.Bitmap("test");bitmap.loadBase64Data(base64, function() {const url = "_doc/" + new Date().getTime() + ".png";  // url为时间戳命名方式console.log('saveHeadImgFile', url)bitmap.save(url, {overwrite: true,  // 是否覆盖}, (i) => {uni.saveImageToPhotosAlbum({filePath: url,success: function() {uni.showModal({showCancel: false,title: '保存成功',content: '已保存至相册,赶紧邀请好友吧'})bitmap.clear()}});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});
},

保存http链接图片

saveLocalImg() {let _this=this;var toBase64Url;uni.request({url: _this.imgList[_this.current],method: 'GET',responseType: 'arraybuffer',success: async res => {let base64 = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64toBase64Url = 'data:image/jpeg;base64,' + base64; //不加上这串字符，在页面无法显示// console.log(toBase64Url);const bitmap = new plus.nativeObj.Bitmap("test");bitmap.loadBase64Data(toBase64Url, function() {const url = "_doc/" + new Date().getTime() + ".png"; // url为时间戳命名方式console.log('saveHeadImgFile', url)bitmap.save(url, {overwrite: true, // 是否覆盖}, (i) => {uni.saveImageToPhotosAlbum({filePath: url,success: function() {uni.showModal({showCancel: false,title: '保存成功',content: '已保存至相册'})bitmap.clear()}});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});}, (e) => {uni.showToast({title: '图片保存失败',icon: 'none'})bitmap.clear()});}});
},

uni-app保存图片到本地相关推荐

uni-app app上实现截屏保存图片到本地
uni-app app上实现截屏保存图片到本地 uni-app app上实现截屏保存图片到本地 <template> <view class="content"& ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
uni-app保存图片到本地相册
犯了一个白痴问题,引用的图片都是本地的,下载拿到的临时路径无法保存,换成网络路径就好了. uni-app移动端保存图片到本地相册 uni-app中有一个接口:uni.saveImageToPhotos ...
h5 /web 手机端实现保存图片到本地相册 uni-app
文章目录首先,必须得知道的事情是: uni-app中是有保存图片到本地相册的api的:但是h5并不适用手机浏览器长按图片会出现保存图片的按钮直接进行保存图片,甚至在微信中还可以进行扫一扫 H5Pl ...
uni-app 保存图片到本地相册
uni-app 保存图片到本地相册页面 <image @longpress="saveimg()" src="../../static/image/1.jpg&qu ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
Android uni app 列表底部白条解决方案
uni app中android打开本地vue的列表会发现,底部有条白边. vue通过uni.getSystemInfoSync();方法获取系统信息,首次取值对,再次取值就出错 uni app每次启动 ...
uni-app移动端保存图片到本地相册
uni-app移动端保存图片到本地相册 uni-app中有一个接口:uni.saveImageToPhotosAlbum,但是之前使用的时候,真机测试没有问题,但是打了安装包就保存失败,走的是fail ...
捕获Camera并保存图片到本地(照相功能) -samhy
Flex博文捕获Camera并保存图片到本地(照相功能) -samhy 作者:admin 日期:2010-07-12 字体大小: 小中大捕获Camera并保存图片到本地(照相功能) 这几天对C ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...

uni-app保存图片到本地

保存base64图片

保存http链接图片

uni-app保存图片到本地相关推荐

最新文章

热门文章