logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

uniapp 多图上传,加水印功能(全平台通用)

摘要本文介绍了两种多图上传的实现方式:普通上传和带水印上传。普通上传使用uni-app的chooseImage和uploadFile API实现基本功能,而带水印上传则通过隐藏的Canvas画布为图片添加包含订单信息的水印。关键点包括:水印内容包含订单号、买卖方信息等使用Promise.all处理并行上传通过串行处理解决Canvas状态污染问题上传失败时自动降级使用原图方案解决了H5和小程序API

文章图片
#uni-app#javascript#vue.js
vue3对接豆包AI(完全体版)

这篇文章记录了作者开发的AI对话功能的技术实现细节。主要功能包括:1) 类似豆包和DeepSeek的会话对接,通过传递上条消息ID和会话ID实现连续对话;2) 使用element-plus的上传组件实现图片上传(但当前会话显示未完成);3) 对话请求管理机制,支持终止当前请求并防止API响应抖动;4) 自动滚动到底部的交互优化。技术方案包含marked解析Markdown、fetch实现流式响应、

文章图片
#人工智能
火山引擎接入豆包AI(纯前端调用api的方式)

本文介绍了如何通过火山引擎API调用豆包大模型实现AI对话功能。首先需要在火山引擎平台创建自定义推理接入点并获取API Key。作者提供了两种实现方式:1)jQuery的普通请求方式(需关闭流式传输);2)推荐使用Fetch API实现流式传输,能够逐字输出AI回复内容。文中包含完整的HTML代码示例,展示了如何设置请求参数、处理流式响应数据并实时渲染到页面。注意代码中虽然公开了测试用的API K

文章图片
#火山引擎#前端
前端对接豆包AI(vue2版本)

本文介绍了Vue2版本实现AI对话功能的开发过程。主要内容包括: 实现可拖动的AI图标控件,通过鼠标事件处理拖拽逻辑和边界限制 封装与后端交互的API接口,包括获取对话列表、对话详情、AI提问等功能 添加请求中止功能,通过AbortController实现手动终止AI分析请求 使用marked.js(v4.2.12)作为Markdown解析器 实现点击AI图标弹出对话窗口的交互效果 文中提供了完整

文章图片
#前端#人工智能
前端对接豆包AI(vue3+TS版本)

本文介绍了如何在Vue3项目中接入豆包AI并处理Markdown格式的响应数据。主要步骤包括:1)安装marked插件处理Markdown格式;2)封装markdown解析函数支持基础HTML标签;3)实现请求封装,支持流式响应处理和手动中止请求;4)开发对话弹窗组件展示AI响应内容。文章提供了完整的代码实现,包括错误处理、本地开发环境判断等功能,适用于需要在前端展示AI生成内容的场景。

文章图片
#前端#人工智能
uniapp开发h5页面的扫码功能(html5-qrcode和mumu-getQrcode两种方式),以及后续用安卓扫码传h5的方法

因为uniapp自带的api不支持h5,而且非微信环境也无法使用公众号jsjdk的扫码,只能尝试其他方法但是发现只能https域名才可以调用,其他所有人的都不许http域名

文章图片
#uni-app#html5#前端
uniapp正则限制只能输入数字和字母

介绍:此功能核心是正则和replace替换函数,只能输入数字和字母,其他的替换成空值,相当于删除非匹配项html:<input @input="onKeyVinInput" type="text" maxlength='6' v-model="customerDetails.vin" placeholder="请输入车架号后6位" />js:// 车架号onKeyVinInput(ev

#javascript#uni-app
uniapp选中多张图片或者视频(多图上传)

因为产品需求,市面上找不到和他类似的组件。只能自己写这个是封装的函数,单图的不知道有没有问题,多图上传没问题,因为小程序的函数不支持多图上传,只能一张张的调上传接口,所以我用了Promise.all方法来,处理异步里面单独的上传,在所以上传跑完,函数才返回出链接合成的数组js方面的代码:// 多图上传// type: 1图片和视频,2图片// count:最大数量export function h

文章图片
#uni-app
uniapp自定义头部(官方状态栏高度var(--status-bar-height)失效后的处理)

说明:之前都是用uview UI自定义头部,发现现在他的插槽无法解决我的需求后,决定自己写一个,但是遇到了一堆坑,最恶心的是var(–status-bar-height),获取手机状态栏高度这个属性失效了,没办法自己获取手机状态栏高度去了代码说明:核心函数是状态栏高度(statusBarHeight)+ 底部高度(48px)这里安卓是44px,ios是48px,我偷懒没做处理,直接用的48px效果

#javascript#vue.js#前端
到底了