阿里云ali-oss图片增加水印

最新推荐文章于 2022-06-06 15:23:56 发布
最新推荐文章于 2022-06-06 15:23:56 发布
阅读量957 收藏
点赞数
分类专栏： 图片水印 文章标签： 阿里云 oss 图片增加水印 图片增加文字水印 图片增加图片水印
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Andy__xie/article/details/103398047
版权

阿里云ali-oss图片增加水印

先附上文档连接 ： https://helpcdn.aliyun.com/document_detail/44957.html

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

水印文字或图片必须经过一下转化

URL安全的Base64位编码

在图片处理服务里会有很多参数需要变成Base64位编码，参考RFC4648。注意这里的URL 安全Base64位编码只是用在水印操作某些特定参数(文字水印的文字内容，文字颜色，文字字体及图片水印的水印object)里，不要将其用来签名字符串(Signature)的内容。编码的格式是：

先将内容编码成Base64结果;
将结果中的加号”+”替换成中划线“-“;
将结果中的斜杠”/”替换成下划线”_”;
将结果中尾部的“=”号全部保留;
我这里仅仅使用了Base64转码，（因为转化之后没有以上规则中出现的符号）；

增加文字水印的例子连接：

https://andycfm.oss-cn-shanghai.aliyuncs.com/14956773880005-3.jpg?x-oss-process=image/watermark,size_15,t_50,color_000000,text_aGVsbG8g6L-Z6YeM5piv5rC05Y2w

图片水印连接：https://andycfm.oss-cn-shanghai.aliyuncs.com/14956773880005-3.j

最低0.47元/天 解锁文章
Andy__xie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用php语言制作水印
u011234448的博客
08-20 161
//封装制作水印函数 function water($dst,$src,$pos=4,$pct=60){ //创建图片画布函数 function imagecreatefromtype($imagefile){ $info = getimagesize($imagefile); switch ($info['mime']) { case 'image/jpeg':![在这里插入图...
阿里云OSS ali-oss 6.0 npm代码包带案例修复版本 编译打包js，可以直接引入使用
11-02
案例中OSS.wrapper属于6.x以下版本，已改为OSS方式，采用实际子账户进行分片上传，发现没有问题； 操作步骤： 1，npm install 2，cd example 3，npm install 4，npm run server 5，npm run dev 别忘记配置example/...
阿里云 OSS 对象存储 OSS 图片加文字水印
热门推荐
ts3211的博客
06-03 1万+
阿里云 OSS 对象存储实际开发需先阅读 阿里云 [OSS快速入门文档](https://help.aliyun.com/document_detail/31883.html?spm=5176.208357.1107607.14.7f06390fo9yUNT)开通服务无实际操作难度，PASS创建存储空间获取 Access Key若开通编程访问，请及时保存AccessKey 信息，页面关闭后将无法再...
typora怎么用阿里oss设置图片自动加水印？
sambai2020的博客
06-14 520
今天打开网站，发现自己的图片都没有了水印。 我的方式是 采用了阿里图床，并设置好了加水印。于是二话不说，开始检查设置 1.检查水印logo权限是不是公共读 这个正确，没有什么问题，但是就是不显示出来怎么办呢？ 随便找一张图片做测试 https://lbtlm-img.oss-cn-guangzhou.aliyuncs.com/img/20200602141226-5a98d.jpeg 改成 https://lbtlm-img.oss-cn-guangzhou.aliyuncs.com/img/20200
OSS（阿里）上的图片添加水印
phplijinbao的博客
10-20 1367
OSS的图片添加水印 1.将UI给你的水印图上传至OSS服务器上; 2.拿到图片路径,将上传后图片的后缀加上"?x-oss-process=image/resize,P_60"转为base64格式; --------P是水印的大小 3.在需要加水印的图片路径后面加上"?x-oss-process=image/resize,w_400/watermark,image_[水印的base64编码],t_50,g_se,x_20,y_50".---------后面是一些参数; 阿里oss文档：https://hel
Vue OSS上传图片 （依赖包为ali-oss）
01-07
vue中使用上传到OSS图片文件等操作。内含备注 直接调用唯一方法传参既可
微信小程序阿里云OSS-sdk
最新发布
08-16
阿里云OSS-sdk，大小536KB 微信小程序纯前端从阿里云OSS下载，可直接引用 文章地址：https://blog.csdn.net/qq_44695727/article/details/132154404
coa-ali-oss:轻量极简的阿里云OSS库 for Node.js
04-08
coa-ali-oss轻量极简的阿里云OSS库（Node.js版本）来源于一个实际生产项目，将常用的API和业务解耦后封装成此库，尚未覆盖到阿里云OSS的全部操作。后续会根据实际使用情况优化和扩充新的服务。如果急需用到其他接口...
download-ali-oss:从ali-oss存储中下载文件
05-30
从 ali-oss 对象存储下载文件，可批量下载，zip压缩包形式打包 安装 npm install downloadalioss 引入 import downloadalioss from "downloadalioss" 使用 // 文件数据结构 let fileArr = [ { url: '', //文件的...
php实现图片上传时添加文字和图片水印技巧
10-22
主要为大家详细介绍了php实现图片上传时添加文字和图片水印技巧，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
阿里云oss对象存储：给图片添加（多行）文字图片水印
夏已微凉、
04-13 2014
一、说明二、php代码三、加图片水印四、加多行文字水印1、说明2、图片效果 - 水印前3、图片效果 - 水印后 一、说明 拼接 阿里云 oss 的图片地址 文档 对象存储 OSS 图片处理 对象存储 OSS 图片水印 OSS图片处理6.0 二、php代码 public function test() { $url = !empty($_REQUEST['url']) ? $_REQUEST['url'] : 'jpg,png,gif,jpeg...结尾的 oss图片地址'; .
uniapp 前端实现阿里云图片实时添加水印效果
m0_46647799的博客
06-06 591
最近遇到新的需求，根据用户所访问的公司信息，查询其图片数据，不满足条件时去访问图片数据，图片自动添加公司名称水印，解决思路如下：图片添加水印，阿里云图片本身就有给图片添加水印功能，只需要在访问图片地址时携带对应参数，阿里云就会自动添加，......
阿里云 OSS 图片水印
Oneby的博客
02-06 2892
阿里云 OSS 图片水印 1、参考资料 对象存储 OSS 图片水印 Java 正则表达式 正则表达式中的$1, $2, …的含义 正则表达式中 的$1,$2 2、前言 最近无意间发现博客被盗，完完全全复制粘贴，不仅标注了原创，没有标注原文链接，搞得像是他自己写出来的一样，我发私信让他加上原文链接，他好像是个瞎子外加聋哑人????????????好家伙，我 TM 直接好家伙 大学期间的昵称叫 Heygo（黑狗），女票给取的，前段时间家里出了点事情，在网上查一下，黑狗是抑郁症代表词语，丘吉尔有一句名言：“心
oss水印php方法,上传oss 给图片添加水印
weixin_42713608的博客
03-24 598
废话不说 直接上代码 亲测有效业务层代码public String uploadImage(MultipartFile file,String sn){if(file==null|| StrUtil.isEmpty(sn)){return ApiResult.error("传入参数不能为空");}try (InputStream inputStream=file.getInputStream();...
php上传图片到阿里oss加水印,element-ui 自定义上传图片添加水印并上传至oss
weixin_32137855的博客
03-23 428
随手笔记，这里我仅仅只是满足需求而封装的，如需使用还需要改进，这里只记一下方法。在utils.js里封装打文字水印的方法/*** 图片路径转成canvas* @param {图片url} url*/async function imgToCanvas(url) {// 创建img元素const img = document.createElement('img');img.src = url;im...
阿里OSS数据处理图片水印功能
随心的博客
04-30 1762
阿里OSS数据处理图片水印功能 参考文档: https://help.aliyun.com/document_detail/44957.html?spm=a2c4g.11186623.6.735.5e6d31cd5Omm5I 大概流程： 1、获取存储在OSS中的图片文件路径 2、添加水印，对水印的文字内容通过base64进行编码，文字的内容是必须填写的，其它样式可以默认 3、把添加好水印的图片上传到oss中。 具体实现步骤： 1、创建接口 String generateWatermarkText(Strin
OSS 图片水印使用,以及如何针对markdown上传的图片做批量水印添加
怎样过不是过的博客
02-08 1426
一：几个dome的入门熟悉下： h0: "https://zydmall-test.oss-cn-shenzhen.aliyuncs.com/我的图片.jpg?x-oss-process=image/watermark,image_b25saW5lL3dhdGVybWFyay96aDEuanBnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfOTA=", h1: "https://zydmall-test.oss-cn-shenzhen.aliyuncs.com/我的图
PHP生成阿里云oss水印里的文字
夏已微凉、
04-09 575
一、水印编码规则二、PHP代码三、使用文档 一、水印编码规则 在添加水印操作中，文字水印的文字内容、文字颜色、文字字体、图片水印的水印图片名称等参数需要进行URL安全的Base64编码。编码步骤如下： 1、将内容编码成Base64。 2、将结果中的部分编码替换。 2.1 将结果中的加号（+）替换成短划线（-）。 2.2 将结果中的正斜线（/）替换成下划线（_）。 2.3 将结果中尾部的等号（=）省略。 二、PHP代码 function base64url_encode($data) { .
vue中ali-oss依赖详解
04-30
ali-oss 是阿里云提供的 OSS（Object Storage Service）的 JavaScript SDK，可以在浏览器端和 Node.js 环境下使用。Vue.js 是一个流行的前端框架，常用于开发单页面应用程序。 在 Vue.js 中使用 ali-oss 可以方便地上传和下载文件到阿里云 OSS。下面是 ali-oss 的依赖详解： 1. 安装 ali-oss 在 Vue.js 中使用 ali-oss 需要先安装它。可以使用 npm 安装： ``` npm install ali-oss --save ``` 2. 引入 ali-oss 在 Vue.js 中使用 ali-oss 需要先引入它。可以在 Vue 组件中使用 import 引入： ``` import OSS from 'ali-oss' ``` 3. 创建 OSS 实例 在使用 ali-oss 之前，需要先创建一个 OSS 实例。可以使用以下代码创建： ``` const client = new OSS({ region: '<your region>', accessKeyId: '<your accessKeyId>', accessKeySecret: '<your accessKeySecret>', bucket: '<your bucket>' }) ``` 其中，region 是 OSS 存储所在的区域，accessKeyId 和 accessKeySecret 是阿里云账号的 AccessKey，bucket 是要操作的存储桶名称。 4. 上传文件 使用 ali-oss 可以方便地上传文件到 OSS。可以使用以下代码上传文件： ``` const result = await client.put('object-key', 'local-file'); ``` 其中，object-key 是上传到 OSS 的文件路径，local-file 是本地文件路径。 5. 下载文件 使用 ali-oss 可以方便地下载文件到本地。可以使用以下代码下载文件： ``` const result = await client.get('object-key', 'local-file'); ``` 其中，object-key 是 OSS 中的文件路径，local-file 是本地文件路径。 总的来说，ali-oss 可以方便地在 Vue.js 中上传和下载文件到阿里云 OSS。在使用 ali-oss 时，需要先安装并引入它，然后创建一个 OSS 实例，最后使用 put() 或 get() 方法上传或下载文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值