草庐IT

uni-app 中实现文件和图片的上传-H5

        之前写过一篇上传的文章📕,但是那篇文章仅仅只能实现上传图片的功能,而且代码写的比较乱,看起来很繁杂,最近有幸又遇到了上传图片和文件的需求,在完成这个功能后,整理一下,希望能给需要做上传功能的人提供一些参考😊。    首先我先展示一下我的效果图,方便需求跟我差不多的人快速决定是否继续预览本文章。需求是:点击上传后,弹出弹框选择要传的文件类型(图片或者文件),前提是每次只能选择一个不能多选,接着就将选好的文件名、路径放在定义好的空数组里面,点击完成后调接口讲数据保存到数据库。html部分本文不提供,只提供上传文件部分的js代码。代码如下://点击弹出框类型后的方法selectCli

STM32+ADS1115使用说明文档

目录1.ADS1115简介 2.引脚功能3.功能介绍3.1噪声表现3.2Multiplexer复用器 3.3量程与分辨率 3.4采样速率与转换时间3.5数字比较器(在本次实验不使用)3.6操作模式3.6.1单次转换3.6.2连续转换4.ADS1115的IIC4.1IIC地址的选择 4.2接收模式4.3发送模式4.4写入和读取寄存器4.5数据格式5.寄存器5.1地址指针寄存器(只写) 5.2转换寄存器(P[1:0]=0x00)[reset=0x0000](只读)5.3配置寄存器(P[1:0]=0x01)[reset=8583h]5.4Lo_thresh(P[1:0]=2H)[reset=8000

AD09 DXP保姆级教程系列——005、原理图生成PCB、裁剪板子、3维查看、封装PCB元件

一、原理图生成PCB第一步:检查原理图对应的集成库是否完成,没有问题的话再生成PCB1、点击工具,然后封装管理器2、显示封装是否都有对应的PCB封装,满足情况可以生成PCB第二步:新建PCB,最好是在同一个工程目录下第三步:新建PCB后,回到原理图界面,1、选择设计,选择更新PCB,如下图,稍等即可生成PCB文件2、出现以下对应的PCB执行报告,无报错则生效更改、执行更改第三步:成功后出现PCB板子二、绘制PCB并且裁剪PCB电路板形状、大小1、布局PCB元件:将元器件放入PCB电路板中,布局以走线短、元器件美观为准2、裁剪PCB电路板大小:点击设计——>板子形状——>重新定义板子形状三、二维

SpringCloud微服务实战——搭建企业级开发框架(四十六):【移动开发】整合uni-app搭建移动端快速开发框架-环境搭建

  近年来uni-app发展势头迅猛,只要会vue.js,就可以开发一套代码,发布移动应用到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。凭借着此跨平台的特性,吸引了大批公司和开发者的青睐,据官网显示目前其有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件。  正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-star

CC2530基础实验:(9)AD采集cc2530温度串口显示

目录        前言        一、实验相关电路图        二、实验相关理论与寄存器        1.A/D转换的基本工作原理        2.CC2530的A/D转换模块        3.ADC模块的信号输入        4.ADC相关的几个概念        5.相关寄存器        三、源码分析        四.实验结果前言本实验用于学习CC2530芯片:串口配置与使用定时采集内部温度传感器信息后,通过串口发送到上位机 一、实验相关电路图P0_2、P0_3配置为外设功能时:P0_2为RX,P0_3为TX。USART0和USART1是串行通信接口,它们能够分别运

前端vue uni-app多图片上传组件,支持单个文件,多个文件上传 步骤条step使用

快速实现多图片上传组件,支持单个文件,多个文件上传步骤条step使用;下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12747效果图如下:使用方法 使用方法//添加多张图片(少于6张)addPhotoClick(){uni.hideLoading();letmyThis=this;if(myThis.photoList.length>=6){myThis.photoList=[];}uni.chooseImage({count:6,sizeType:['compressed'],//可以指定是原图还是压缩图,默认二者都有s

uni-app 微信小程序 图文生成图片 wxml-to-canvas

 在做的小程序要增加一个将文字与图片生成图片不可修改的功能,第一次做,在网上找了不少资料。参考了wxml-to-canvas|微信开放文档 ,又看了一些相关事例,尝试写了一下。 需要准备的文件及配置项:1、先把代码片段下载到本地2、创建wxcomponents目录,把代码片段中的文件拷到此目录下,并将下图的目录改成真实目录。3、修改配置文件pages.json,找到要写此功能的路径,加上"style":{            "app-plus":{               "titleNView":false//禁用原生导航栏            },            "nav

uni-app 微信小程序 图文生成图片 wxml-to-canvas

 在做的小程序要增加一个将文字与图片生成图片不可修改的功能,第一次做,在网上找了不少资料。参考了wxml-to-canvas|微信开放文档 ,又看了一些相关事例,尝试写了一下。 需要准备的文件及配置项:1、先把代码片段下载到本地2、创建wxcomponents目录,把代码片段中的文件拷到此目录下,并将下图的目录改成真实目录。3、修改配置文件pages.json,找到要写此功能的路径,加上"style":{            "app-plus":{               "titleNView":false//禁用原生导航栏            },            "nav

【小程序】uni-app 页面的传参和接参

值得一提的是小程序只能使用字符串的方式进行传递,不像vue的路由传参。至于为什么要这样,这就需要看文档怎么说了。1.传参注意:传递参数只能以?key=value&key=value方式传递     2.接收参数使用onLoad()钩子函数来接收 onLoad(query){   console.log("接收参数",query);//query就是传递过来的参数 }3.复杂数据传递和接收小程序只能以字符串的方式进行传递和接收,那么复杂类型对象和数组怎么传呢?可以使用encodeURIComponent和decodeURIComponent,并解码编码配置json格式来进行。encodeURIC

【小程序】uni-app 页面的传参和接参

值得一提的是小程序只能使用字符串的方式进行传递,不像vue的路由传参。至于为什么要这样,这就需要看文档怎么说了。1.传参注意:传递参数只能以?key=value&key=value方式传递     2.接收参数使用onLoad()钩子函数来接收 onLoad(query){   console.log("接收参数",query);//query就是传递过来的参数 }3.复杂数据传递和接收小程序只能以字符串的方式进行传递和接收,那么复杂类型对象和数组怎么传呢?可以使用encodeURIComponent和decodeURIComponent,并解码编码配置json格式来进行。encodeURIC