uniapp [全端兼容] - 详细实现拍照或相册选取图片后插入水印功能，手机拍照或相册上传图像并添加自定义水印及指定位置显示水印，uniApp给图片加水印后上传到后端服务器或保存到本机相册详细教程！

前言

网上的教程乱七八糟且兼容性太差，本文提供优质示例。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解手机从相册选取上传图像后加入水印功能，手机拍摄照相后也可以加入水印，Uniapp给图片添加水印，获取上传或拍摄的图片信息后，为图片添加自定义图片/文字等任意样式水印效果，支持upload本地上传图像后插入水印，水印处理完毕后可保存到手机相册或者将带有水印的图片上传到后端服务器。

uniapp（vue2 | vue3）版本项目均可使用，复制代码运行即可。

---

如下图所示，拍照或本地上传的图片，插入水印并且可保存相册或上传服务器。

详细代码，保证100%搞定

示例代码

具体实现代码如下，请直接复制运行测试即可。