uniapp压缩图片

uniApp微信H5JSAPI支付

JSPAI支付官方文档。示例代码letweinxinpay=uni.request({//发起请求从后端拿到参数url:api.pay(),data:{order_no:this.order_no},success:(res
哦漏Debug·2023-11-22 16:28

Uniapp和微信小程序的区别2023（详细）

UniApp和微信小程序有一些区别，尽管它们都是用于开发小程序的框架，但在一些方面有所不同。
耀南.·2023-11-22 16:57

uniapp前端微信支付代码

1.支付按钮，定义支付事件2.支付事件//这些参数根据后端需要什么就传什么，一般有用户id和订单号就行，推广员id和优惠卷id是我们小程序需要的letdata={openId:this.openId,//用户idcourseId:this.detailsObj.id,//商品idpromoterId:this.promoterShareId?this.promoterShareId:'',//推广
伴梦123·2023-11-22 16:26

springboot+mysql点餐系统小程序-计算机毕业设计源码65933

摘要点餐系统小程序采用B/S模式、采用JAVA语言、SSM框架、mysql数据库、小程序框架uniapp等开工具。促进了点餐系统小程序的业务发展。
vx1_Biye_Design·2023-11-22 15:07

uniapp相关记录

一、自定义我的物品组件my_goods.vue{{goods.goods_name}}￥{{goods.goods_price}}exportdefault{props:{//商品的信息对象goods:{type:Object,defaul:{},},showRadio:{type:Boolean,//默认不展示radio组件default:false},showNum:{type:Boolean
德鲁大叔撸代码·2023-11-22 14:09

vue3 uniapp h5 安卓和iOS开发适配踩坑记录

font-size适配屏幕大小及iOS和安卓状态栏及安全距离的处理App.vueimport{onLaunch,onShow,onHide}from"@dcloudio/uni-app";import'./main.scss'onLaunch(()=>{console.log("AppLaunch");varwidth=document.documentElement.clientWidth;co
HerayChen·2023-11-22 14:33

uniapp:如何实现点击图片可以全屏展示预览

这个需要使用uniapp中的api：uni.previewImage，使用方法如下1、html2、JavaScriptexportdefault{methods:{preview(){uni.previewImage
荀鼠不是鼠·2023-11-22 12:31

uniapp 复选框 是否选中取值

uniappjs根据复选框取值对列表的数据加标记选中为true非true为没有选中每勾选一次循环计算一次总数就是选中数选中存对象数组去掉选中循环数组找到对应的进行移除{{item.price}}元全选{
小师叔丄·2023-11-22 12:25

uniapp数据渲染点击改变当前值颜色

思路：1.拿到数组的每一个对象，通过页面渲染拿到；2定义一个变量，让其默认值为0，3为每个对象定义一个点击事件并传一个索引值（index）4通过点击事件将索引值赋值给变量5定义一个样式6通过绑定样式，如果点击的对象其变量===索引值，那么将样式赋值，否则为空{{item}}exportdefault{data(){return{arr:['航海王','火影忍者','七龙珠'],isActive:0
小师叔丄·2023-11-22 12:24

uniapp onLoad 注意事项

onLoad()页面加载执行,因为函数是从上到下执行的,所以调用方法和获取页面传递过来的值时,顺序要注意一下exportdefault{data(){return{id:0,detail:{}}},methods:{asyncgetNewsDetail(){console.log('yyyy'+this.id);constres=awaitthis.$myRuquest({url:'/api/ge
小师叔丄·2023-11-22 12:24

uniapp 富文本rich-text 网络gif不渲染

如下图二、发现问题uniapp官网中说到，使用rich-text能渲染富文本内容。直接使用后如下：rich-text|uni-app官网代码贴上。很明显，渲染出来的gif并不符合预期。
乡下小菜鸟·2023-11-22 11:42

uniapp项目启动时检查版本，版本过旧提示：更新至最新版本，App简单版实现思路详解

效果：实现的思路比较简单，后期需要优化的话，会持续更新uniapp文档上有提到关于版本更新在文档中搜uni.getUpdateManager()（小程序的更新），会提示app的更新需要点击连接，跳转到其他页面查看
办公室的忍者·2023-11-22 11:41

【uniapp+vue3+html2canvas+uQRcode】根据html生成画布，base64转本地路径，生成二维码，分享至微信，详细记录实现过程中的所有坑以及具体实现思路及完整代码

2023年11月8号记录：这个功能花费了我差不多两个整天的时间才实现，非常折磨人，中途差点放弃uniapp+vue3+html2canvas+uQRcode即可实现功能uniapp+vue3+html2canvas
办公室的忍者·2023-11-22 11:41

【bug】uniapp的image组件渲染gif图，只有第一次点击的时候有动效，需要每次点击都有gif效果，已解决

前两天遇到的问题，暂时没有解决，就搁置了。不解决又难受，还好今天解决了，记录下需求：两个gif图，分别代表点击之后的男生和女生，并且有两个静态的男生和女生图片当男生静态图被点击的时候切换男生的gif图，女生静态图被点击的时候切换女生的gif图主要就是根据动态变量控制静态图和gif的图切换，但是来回多点击几次后发现，只有第一次从静态图切换到gif图的时候，才有gif的动态效果然后才知道，原来在uni
办公室的忍者·2023-11-22 10:05

商城免费搭建之java商城 java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
2301_77700816·2023-11-22 10:31

java版商城之一件代发设置 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务 免费小程序商城搭建

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
2301_77700816·2023-11-22 10:01

uniapp请求，使用x-www-form-urlencoded报错

uni.request({url:'',//被我删了接口header:{'content-type':'application/x-www-form-urlencoded'},method:'POST',//请求方式data:that.loginData,success:function(res){console.log(res)}})一直报错500。因为接口需要使用x-www-form-urle
GYS_98·2023-11-22 09:31

使用vue cli 安装 uniapp 出现 Error: command failed: pnpm install --reporter silent --shamefully-hoist

使用vuecli安装uniapp出现Error:commandfailed:pnpminstall--reportersilent--shamefully-hoist错误参照uniapp文档进行项目构建时
Vic_jx·2023-11-22 08:56

uniapp中swiper 轮播带左右箭头，点击切换轮播效果demo(整理)

可以点击箭头左右切换-进行轮播exportdefault{data(){return{swiperList:[{image:"http://www.jq22.com/img/cs/500x500-9.png"},{image:"http://www.jq22.com/img/cs/500x500-9.png"},{image:"http://www.jq22.com/img/cs/500x500-
兜里只有三分钱~·2023-11-22 07:05

uniapp+vue3使用pinia，安卓端报错白屏

报错内容：reportJSException>>>>exceptionfunction:createInstanceContext,exception:whitescreencausecreateinstanceContextfailed,checkjsstack->atuseStore2(app-service.js:1487:15)at(app-service.js:1714:17)at(ap
胡桃夹夹子·2023-11-22 07:48

vue/uniapp实现浏览器录屏功能（视频+音频）

RecordRTC使用安装npminstallrecordrtc-SimportRecordRTCfrom'recordrtc';代码：importRecordRTCfrom'recordrtc';exportdefault{data(){return{videoStart:false,recorder:null,}},props:{fileName:{type:String,default:ne
TPCheng·2023-11-22 06:55

使用HBuilder-X创建uniapp项目并启动演示

前言课前准备：需要安装有HBuilder-X软件以及谷歌、火狐等浏览器。官方网址：https://www.dcloud.io/一、创建项目依次点击文件->新建->项目：接着：点击uni-app填写项目名称选择项目路径选择项目模版，我这里选择默认选项Vue的版本点击创建项目项目创建完成，默认模版创建的项目结构如下：二、运行项目我们点击菜单栏的运行按钮，发现可以通过多种方式进行运行，如下：我们先介绍以
爱吃雪糕的小布丁·2023-11-22 06:53

uniapp、微信小程序返回上页面刷新数据

目录前言：方法1：方法2：方法3：前言：返回上页面刷新数据这个功能主要用于在当前页面点击跳转到另一个页面之后，在另一个页面对数据进行了操作，比如：阅读量，然后返回上页面，让阅读量随之改变方法1：使用uniapp
TechWhiz-晓同·2023-11-22 06:20

uniapp开发小程序，包过大解决方案

1、首先和大家说一下微信小程序主包限制不能超过2M分包一共不能超过8M然后具体解决优化步骤如下，将主包进行分包在pages.json下subPackages里面进行配置分包分包配置完配置过的文件都需要进行修改对应的路径2、在运行的时候一定要勾选压缩代码有一点很重要，如果遇到分包了也是超包记得在manifest.json配置"optimization":{“subPackages”:true}配置m
码上遨游上九天·2023-11-22 03:15

uniapp H5解决跨域

uniappH5解决跨域uniapp开发到H5运动调接口的时候有时候会报错提示跨域问题，那么可以从manifest.json着手，如下图，红线标记处是可以自定义的，但是注意要一致"h5":{"router
Start_t·2023-11-22 03:47

uniapp中,打包成安卓,ios,使用getLocation获取地理位置失败(已解决)

在使用uniapp打包成安卓,ios时，使用uni提供的getLocation无法获取到地理位置信息;解决方案:1.在manifest.json中找到App模块权限SDK,找到定位和地图,勾选高德地图(
Ying0223·2023-11-22 01:52

uniApp小程序的api封装

文件结构：1.在api文件夹里面新建文件https.js进行请求封装//区分开发环境和生产环境接口地址constbaseUrl='https://test/';//这里要改成你的接口地址exportfunctionhttps(config){//显示loadingwx.showLoading({title:'加载中...'});//设置请求头config.header={'content-type
余白x·2023-11-22 00:58

关于uniapp上传文件的一些api文档

上传文件：uni.chooseMessageFile(Objectobject)官方api文档详细说明地址：wx.chooseMessageFile(Objectobject)|微信开放文档uni.chooseMessageFile({count:1,//文件总数type:'file',//文件类型extension:['doc','docx','pdf','pptx','ppt','xls','
周小航.·2023-11-22 00:28

uniapp 空文件上传

UniApp是一种跨平台开发框架，它可以在多种平台(如iOS、Android、H5、微信小程序、支付宝小程序等)中运行。
御坂10057·2023-11-22 00:27

uniapp常用api

目录第一章、常用设置的api1.1tabBar导航配置1.2subPackages分包配置1.3enablePullDownRefresh下拉刷新配置1.4onReachBottomDistance上拉刷新配置第二章、页面常用逻辑api2.1请求数据2.1.1网络请求uni.request2.2文件上传与下载(图片、文件…)2.2.1文件上传chooseFile、下载downloadFile与打开
❆VE❆·2023-11-22 00:55

uniapp编译小程序使用小程序插件

manifest.json文件添加"mp-weixin":{"plugins":{"插件名":{"version":"版本号","provider":"插件appid"}},}开发者需要登录自身小程序管理后台，在”设置-第三方服务-插件管理“中添加小程序插件，通过插件appId，匹配到插件后添加即可提交申请。
Dreamy smile·2023-11-22 00:25

小程序保存base64图片到手机相册

uniappor小程序原生写入文件constresultUrl='';//写入成功的路径constbase64Data='data:image/png;base64,iVBORw0KGgoAAAANSUhEU
Dreamy smile·2023-11-22 00:25

uniapp微信小程序canvas生成简单海报并下载

今天项目接到个任务，就是手写canvas海报，并能下载图片。百度了很多海报组件，都不尽人意。萌生了自己手写海报的想法。话不多说先贴文档uni-app官网其实该文档和微信小程序类似最终效果，微信小程序可用，一个一个代码敲出来的。只要把原理掌握了，任何海报都能迎刃而解1.准备环境因为海报涉及到第三方的图片存储地址，所以要加白名单downloadFile里加你海报的根域名记住一定要在这看看有没有加好白名
三线码工·2023-11-22 00:54

uniapp小程序canvas生成图片

需求分析点击页面分享按钮时候，跳出弹出层，css完成页面，点击弹出层的保存到相册，能生成canvas画布，然后变为图片。效果展示控制台打印生成图片链接。代码实现。。。省略保存到相册//让父标签0宽0高隐藏溢出在canvas画布外添加父元素，让画布不可见methods:{open(){//获取Canvas组件的上下文对象constctx=uni.createCanvasContext('myCanv
nahc·2023-11-22 00:54

uniapp、小程序canvas相关

1、圆形or圆形头像//示例constctx=uni.createCanvasContext('myCanvas');//canvasconstround=uni.upx2px(72)/2;//半径constx=uni.upx2px(92);//目标x轴位置consty=uni.upx2px(236);//目标y轴位置//if图片是不是静态资源async=>constimgSrc='https:/
Dreamy smile·2023-11-22 00:22

uniapp如何上传文件，使用API是什么

在uniapp中上传文件的方法有很多，其中一种常用的方法是使用wx.uploadFile()API。该API可以上传本地文件或网络文件，并支持设置请求头、请求参数等选项。
&ACE&·2023-11-22 00:22

uniapp 解决npm install报错 npm ERR! gyp ERR! cwd D:\Projec\xxx\node_modules\node-sass （node-sass版本问题）

1.现象：vue项目换电脑后npminstall发现一直报如下的错误：[图片上传失败...(image-1403df-1695119321839)]2.原因：node-sass版本不兼容，比较老。还出现找不到python路径的错误。node-sass需要node-gyp安装时需要进行转译所以可能会出现各种按安装问题。且node-sass本身就已经是deprecated状态了。如果不是维护老项目不建
枯萎天然呆·2023-11-22 00:00

中级程序员——uniapp和小程序面试题

博主：小猫娃来啦文章核心：uniapp和小程序面试题文章目录用uniapp有遇到一些兼容性问题吗？uniapp最大的优点是什么？uniapp如何实现多端兼容？uniapp是如何做跨端适配的？
小猫娃来啦·2023-11-21 21:51

vue/uniapp列表右滑删除

1：在for循环的列表view：主要就是在列表for那层的view加滑动样式和滑动函数,增加的主要样式为content{{item.post_name}}{{item.post_phone}}{{item.address}}删除2：初始化数据：startX:"",startY:"",记得引入importVuefrom"vue"，不然无法出现滑动删除。在侧滑删除列表的最外层view增加样式：over
laogui_·2023-11-21 19:43

ChatGPT-MP：基于GPT实现的微信小程序，适配H5和WEB端，包含前后台，支持打字效果输出流式输出，支持AI聊天次数限制，支持分享增加次数等功能

技术栈：JDK8+SpringBoot+Vue2+Uniapp+MysqlGithub地址：https://github.com/oldinaction/ChatGPT-MPGitee地址(国
月壹墨·2023-11-21 17:15

uniapp - 开关按钮

目录1.运行代码如下：2.运行效果3.switch属性1.运行代码如下：exportdefault{data(){return{form:{checked:false,},}},methods:{//change方法switchChange(e){console.log(e,e.detail.value,'85');},}}.switchBox{//调整大小transform:scale(0.8,
秃头馒头·2023-11-21 15:12

uni-app - 弹出框

Uniapp为我们提供了基本的底部弹出框组件，但它也有一些自定义功能。弹出框组件由两个主要组成部分组成：触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素，它与弹出框逻辑相互
秃头馒头·2023-11-21 15:58

免费小程序商城搭建之b2b2c o2o 多商家入驻商城 直播带货商城 电子商务b2b2c o2o 多商家入驻商城 直播带货商城 电子商务

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_66404702·2023-11-21 13:06

java版商城之一件代发设置 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务 免费小程序商城搭建

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_66404702·2023-11-21 13:06

解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题

一、首先看一下我们的源代码和报错原因1.1源代码是这个样子的1.2先来看下我们的页面1.2.1原设计图是这个样子的1.2.2而此时我们的页面1.2.3然后来看下我们的报错二、解决方法2.1先来看下我们的源代码把原有的background-image:url(../../static/img/hd2.png);剪切掉放到我们的template中的布局中2.2然后再来看下我们的页面此方法是自己试出来的
折海棠赠晩宁.·2023-11-21 13:44

第5章 uniapp开发ImoocBlog

收获：1.微信小程序2.uni-app开发慕课热搜项目3.构建企业级项目的编程思维4.上线可商用的企业项目第5章uniapp开发ImoocBloguniapp开发ImoocBlog5-1：开篇经过前面四个章节
yanling.zhang·2023-11-21 13:10

uniapp开发 微信小程序 本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签。

报错信息解决办法1.可以把图片转换为base64使用转换地址https://tool.chinaz.com/tools/imgtobase/2.把图片上传到服务器后使用网络图片地址3.可以使用image标签定位在view下面写的不好，如果有疑问或者有问题的地方可以在下面留言
芒果大胖砸·2023-11-21 13:09

wxss无法使用本地图片 uniapp do-not-use-local-path

微信小程序使用background-image没有图片显示报错信息：图片-do-not-use-local-pathpages/index/index.wxss中的本地资源图片无法通过WXSS获取解决方法：可以使用网络图片，或者base64，或者使用标签。.container{display:flex;background-repeat:no-repeat;background-image:url
IT匠人·2023-11-21 13:05

【uniapp】真机运行 访问电脑本地接口127.0.0.1网络失败（亲测有用！！）

uni-app运行到手机上，提示request:failabortstatusCode:-1Failedtoconnecttolocalhost/127.0.0.1:8080_ChangYan.的博客-CSDN博客
cc蒲公英·2023-11-21 13:01

【uniapp】本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用image标签

uniapp开发微信小程序本地资源图片无法通过WXSS获取，可以使用网络图片，或者base64，或者使用image标签。
cc蒲公英·2023-11-21 13:56
上一页 52 53 54 55 56 57 58 59 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他