uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能，纯前端直传图片到阿里oss对象存储另外添加自定义水印，uniApp上传图像文件到OSS时给图片插入水印添加水印（无需后端服务）

效果图

在uni-app 微信小程序/手机h5网页网站/安卓app/苹果app/支付宝小程序/nvue等（全平台完美兼容）开发中，实现uniApp各端都兼容的 “无需后端纯前端直传图片到阿里云OSS并且给图片加上水印功能”，用户上传图片前先添加水印然后再直传到阿里云OSS存储上，调用系统相机拍照或本机相册选取图片后，直传图片至阿里oss附加自定义水印（自定义图像水印位置）全流程示例代码。

uniapp Vue3和Vue2都能用，新手小白直接复制源码运行后简单修改即可。

新建项目

新建项目看得更加清晰，如下所示。