如何在浏览器中快速将网络资源传至 COS ？

COSBrowser Uploader 是一款浏览器的扩展程序，目前只支持 Chrome 浏览器。

它可以在浏览器中直接将网络资源里的图片、媒体文件、链接文件、选中文本直接上传至配置好的 COS 存储桶中，并且提供图像处理功能。让你根据不同的需求，选择保存内容，收集资源更高效。

优点

以图片资源为例。

当您在 Chrome 浏览器中浏览网页时，发现了一张好看的图片。您想将它保存至 COS 并获取其在 COS 上的链接时，往往需要经过一系列复杂的流程：打开浏览器→登录网站／服务器→发现网络媒体资源图片→下载网络媒体资源→登录 COSBrowser 客户端→上传找到图片的链接并复制，过程十分繁琐。

如果安装了 COSBrowser Chrome 插件，在配置好账户信息后，您可以直接通过浏览器右键菜单将图片上传至 COS 对应的存储桶中，并在上传成功后可以直接获取到该图片的链接，非常的方便。

下载与安装

1. 如果你能够打开 Chrome 应用商店，直接搜索 COSBrowser Uploader 插件，并点击“添加至Chrome” 即可安装成功。
2. 如果你的 Chrome 应用商店无法打开，您可以下载离线版获取 COSBrowser Uploader 插件，并开启浏览器的开发者模式，离线安装该插件。具体步骤如下：

a. 下载 离线版 COSBrowser_Uploader 压缩包

b. 将压缩包解压，得到文件夹 COSBrowser_Uploader

c. 打开浏览器扩展程序页面 chrome://extensions/

d. 打开浏览器的开发者模式，加载 COSBrowser_Uploader 文件夹

image.png

在 COSBrowser Uploader 安装成功后，点击浏览器右上方扩展程序图标，会出现 COSBrowser Uploader 插件，可以点击图钉图标将 COSBrowser Uploader 固定到 Chrome 工具栏上。

image.png

插件使用说明

配置基本信息

点击 COSBrowser Uploader 图标，弹出登录窗口，填入 SecretId、SecretKey、存储桶或访问路径、存储桶所在地域，点击保存即可跳转至上传页。

image.png

上传文件

总共有 4 种上传方式：

• 本地文件上传
• url 链接文件上传
• 文本内容上传
• 浏览器右键菜单上传

本地文件上传

上传类型默认选中【本地上传】，本地上传的文件大小限制为 100MB。

点击上传文件或将文件拖拽至上传处，在按钮下方出现该文件。默认将该文件的文件名填入，可修改其保存至 COS 中的文件名。然后点击上传即可。

image.png

url 链接文件上传

将上传类型更改为【链接上传】，将 url 链接填入并填入文件名，然后点击上传即可。

image.png

文本内容上传

将上传类型更改为【文本上传】，填入想上传的文本内容，并填入文件名，然后点击上传即可。

image.png

右键菜单上传

以图片资源为例。在要上传的图片上点击鼠标右键打开浏览器右键菜单，点击【上传到 COS】，将会跳转至 url 链接文件上传，然后点击上传即可。

image.png

上传结果

点击上传，文件上传成功后，会弹出文件详情窗口。您可以复制文件的链接地址进行使用。若文件所在存储桶权限为公有读，文件的【对象地址】即可取得对应的文件。

image.png

图像处理

若上传的文件资源为图像，在上传成功后弹出的文件详情里会出现【数据处理】功能。

本例中勾选了【基本处理】和【文字水印】功能，并填入了必填参数：

image.png

点击【预览】后即可预览进行数据处理后的图片。

image.png

若图片文件所在存储桶权限为公有读，直接点击【复制链接】即可复制经过了数据处理后的图片链接；否则需要勾选【是否签名】即可复制经过了数据处理后的图片的临时链接。

已上传列表

上传界面右侧将会保留已上传的文件，最多保留 100 条上传记录。点击文件名将打开该文件的文件详情，若上传成功后忘记操作可通过已文件列表重新打开文件详情页。

image.png

高级设置

您可点击高级设置跳转至账户配置页重新对 SecretId、SecretKey、访问路径、地域 进行配置。

image.png