草庐IT

uni文件上传及后台获取文件

需求1:前端提交表单时附件跟着一起发送给后台需求2:前台获取后台附件我这里并没有使用扩展组件,都是官方API//前端代码view> wt-buttontype="primary"@click="openFile">上传附件/wt-button>/view>//显示图片名称currentFilesPath-数组文件/单个文件、previewFile-预览文件view>scroll-viewscroll-y> view> viewv-for="(file,index)incurrentFilesPath"> text@click='previewFile(file.path,file.ty

uni-app小程序跳转其他小程序、获取目标小程序的页面地址

一、小程序中跳转其他小程序1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid) "navigateToMiniProgramAppIDList":["wx8280850d07d385eb"],2、在需要跳转的页面添加按钮点击事件,替换path以及传参uni.navigateToMiniProgram({appId:'',path:'pages/index/index?id=123',//不填默认首页extraData:{'data1':'test'},success(res){//打开成功}})二、获取其他小程序页面地址微信小程序中官方文档获取地址

uni.openDocument 微信小程序在苹果手机打开文档失败

解决办法:    1,ios端需要传fileType参数                uni.openDocument({                  filePath:"文件路径",                  fileType:"docx",            success:res=>{                     console.log('打开文档成功',res)                  },                  fail:err=>{                     console.log('打开文档失败',err)   

uni-ui组件库uni-icons不显示

问题:按照官方文档用yarn引用了uni-ui组件库并且在pages.json和vue.config.js中配置了相关的内容后使用uni-icon效果如下: 使用uni-icons的地方图标都未显示成功解决:1-按照项目名称\node_modules\@dcloudio\uni-ui\lib\uni-icons目录找到uni-icons目录2-将uni-icons目录放到src目录下的components目录下3-在pages.json文件中添加配置项 "easycom":{     "autoscan":true,     "custom":{        "^uni-((?!(shado

uni-app uni-ui 微信小程序 uni-datetime-picker 时间选择组件设置start和end属性,实现时间选择限制

 效果如图,先选择开始日期,完成日期需要在开始日期之后,先选择完成日期,开始日期需要在完成日期之前需要用到uni-datetime-picker官方的三个属性 代码如下constbeginStartTime=ref("1999-05-01")constbeginEndTime=ref("2029-05-01")constfinishStartTime=ref("1999-05-01")constfinishEndTime=ref("2029-05-01")//设置初始数据constformData=ref({endTime:"",//施工结束时间yyyy-MM-ddstartTime:"",/

【uniapp,样式,登录】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法

uni.getUserProfile已废弃//授权获取用户信息废弃 getUserProfile(e){ console.log('授权登录') uni.showLoading({ title:'加载中' }) letthat=this uni.getUserProfile({ desc:'用于完善会员资料', success:(res)=>{ uni.hideLoading(); that.nickName=res.userInfo.nickName that.avatar=res.userInfo.avatarUrl

uni-app简单实现一下拖拽排序

闲来无事,就想着写个拖拽排序的组件好了,虽然效果差了些,但以后我变强了,在优化嘛。🤪示例:创建组件(直接上代码): exportdefault{ name:"drag-and-drop-sort-A", props:{ //容器大小 containerSize:{ type:Object, default:()=>({wdith:'100vw',height:'100vh'}), }, //控件的大小 controlsSize:{ type:Object, default:()=>({width:

uni-app写app点击app的分享,分享至微信,在微信中点击分享卡片打开小程序并跳转至相应页面

uni-app写的app//分享小程序asynchandleShare(index){let_this=this;setTimeout(()=>{this.drawCanvas();setTimeout(async()=>{this.canvasFlag=false;},4000);},100);this.canvasFlag=true;},drawCanvas(){let_this=this;this.$nextTick(async()=>{//初始化awaitthis.$refs.rCanvas.init({canvas_id:'rCanvas',canvas_width:399,canv

【uni-app】UniApp实现微信小程序中拨打手机电话和长按加微信客服好友(完整代码示例)

UniApp实现微信小程序中拨打手机电话和长按加微信客服好友(完整代码示例)一、service.Vue 客服电话 {{PhoneNumber}} 客服微信 {{WxNumber}} 请长按下面的二维码,加客服微信 --> expo

[uni-app] 微信小程序 如何修改替换头像

 如下图所示,微信小程序中涉及到修改头像的交互技术:前端应用框架为uni-appUI框架为uView 思考:1.头像点击事件click2.从本地相册选择图片或使用相机拍照uni.chooseImage(OBJECT),方法执行成功后根据success中返回的图片的本地文件路径列表tempFilePaths,做操作3.上传图片uni.uploadFile(OBJECT),通过上传接口拿到图片的路径或者跟图片有关的值,再根据这个值调取后端接口拿到base64字符串【最后还是要看后端开发要怎么设计了,说白了都是从接口里拿到想要的值。。】 js: //点击头像触发click事件change