草庐IT

使用uniapp实现小程序图片和视频的下载功能

提示:本人亲测可直接使用文章目录一、封装下载js文件`download.js`?二、使用1.在main.js引用2.页面使用总结一、封装下载js文件download.js?constapp=getApp()exportdefault{ /** *保存图片 *url图片url地址 *is_video是否视频 */ saveImage:function(url,is_video){ letthat=this; //向用户发起授权请求 uni.authorize({ scope:'scope.writePhotosAlbum', success:()=>{ //已授权 th

微信小程序uniapp中的图片上传,压缩,预览,删除

页面部分 请上传 x 1:图片上传//上传图片 uploadImg(type){ letthat=this uni.chooseImage({ count:1,//默认9 sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有 sourceType:['camera','album'],//这要注意,camera掉拍照,album是打开手机相册 success:(choose

uniapp开发支付宝小程序

1.运行支付宝小程序 这里运行后会打开你下载的支付宝开发者工具(中间有一步是配置你的支付宝开发者工具地址,这个就没有写了)  到此为止运行支付宝小程序就成功了2.TypeError:Function(...)isnotafunction 出现该原因就是用了Function,当你的代码出现了该种情况就是看哪里用了Function,本人实测(uView2.0源码包含了不可用)解决方法:使用uniapp里面的跨端兼容可以解决,或者自己自定义组件

uniapp小程序展示3D模型

小程序展示3D模型-使用three.js进行渲染在开发的期间查阅了大量的资料、案例,大多都是无稽之谈…经过摸索…终于开发出来了适合本项目的3D模型案例为了帮助有需要的同学少走弯路特地记录了一下哦在开发期间也找到了较好的微信端3d模型渲染有需要的可以留言效果如图所示:(进行了配置,这里也加了手势滑动,自动旋转3d的类型是obj格式)配置项目需要的依赖安装依赖npminpmidhtml-weixinnpmithree-weixin小程序开发工具顶部菜单->工具->构建npm(如果有效果也可以不构建)htmltemplate> viewclass="three_3d"> canvasdisable

【uniapp】 史上最详细手动配置ios平台通用链接 Universal Link 设置

1.先去苹果开发平台开启服务“Certificates,Identifiers&Profiles”页面选择“Identifiers”中选择对应的AppID,确保开启AssociatedDomains,然后重新生成profile后续打包时用2.第二步再unapp项目根目录创建apple-app-site-association文件注意此文件不要带后缀,(如果你使用了uniapp的自动生成ios平台通用链接功能他会自动帮你建一个apple-app-site-association文件){"applinks":{"apps":[],"details":[{"appID":"aaa.bbb","pat

uniapp实现微信小程序端动态生成海报

背景:基于uniapp实现微信小程序中商品详情的海报生成与保存效果图:思路:首先把海报上需要的内容准备好,比如用户头像,商品信息,二维码等。需要注意的是,因为二维码是动态生成的,所以需要后端传给我们,前端需要把路径和参数传给后端,后端请求微信服务接口,通过配置对应的参数就可以生成一个二维码啦,再将二维码发送给前端。图片不能是网络图片,我们需要的是本地图片,如非本地图片,那我们需要对图片进行处理。uniapp可以通过uni.getImageInfo获取图片本地路径(uni.chooseImage(OBJECT)|uni-app官网(dcloud.net.cn))如果通过临时路径来保存图片,can

uniapp中this.$refs无效获取为空小程序$refs获取对象为空

一、问题描述在小程序里通过this.$refs的方式获取自定义组件:fresh-city-pickerref="freshCityPicker">/fresh-city-picker>通过$refs,获取为空,该代码在onload中不行,等页面渲染完成后,通过点击的方式又能获取that.$refs.freshCityPicker在网上找了一圈,搜索关键词,小程序端不能使用vue的$refs么?在官网也搜了下都说是小程序本身就不支持操作dom,要获取dom信息请用uni.createSelectorQuery()这种uni.createSelectorQuery().in(this).selec

uniapp-微信小程序关于禁止ios自带的下拉上拉(橡皮筋回弹)

先说出现的问题,如下图所示,下拉出现空白,上拉也会出现一段空白。要求:这个页面不能拉动,并且保证如果内容超出,可以正常滑动,内容不超出也禁止ios自带的拉动  解决办法:分两步第一步:在pages.json里添加这行代码,如下图所示,但是如果你的页面内容很多,有滑动的东西,写完这行代码整个页面都不会动了,别着急,第二步就是解决办法"disableScroll":true 第二步:直接看代码,实际内容不多。主要代码是下面两行     :bounces="false":show-scrollbar="false">    主要是用 scroll-view标签包裹住内容 --> .content{ 

uniapp运行时报错routeDone with a webviewId 1 that is not the current page

在开发微信小程序时使用HBuilderXuniapp开发运行时新手可能会出现routeDonewithawebviewId1thatisnotthecurrentpage这个报错,解决这个问题我们可以在微信小程序app.json文件中添加配置或者如果是uniapp对应的应该是pages.json文件。"lazyCodeLoading":"requiredComponents",添加这句重新编译一下应该问题就解决了 

uniapp之音频播放器

感谢写开源组件的小哥我做了些调整供大家参考1.解决滑动卡顿bug加了防抖2.滑动进度条时先暂停再播放就不会出现卡顿3.初始化时要onCanplay钩子中setInterval获取音频文件长度不然会显示0*如何使用更改porps传入的node对象中的src,我这的是node.attr.src上图{{currentTimeStr}}/{{sliderValue}}exportdefault{name:"wxParseAudio",props:{node:{type:Object,default:()=>{},},},data(){return{sliderMax:"",//例如30音频总时长sli