5. 实验验证

1.本地进行图片转换验证

本地图片的来源主要有两种，一种是截图或复制后直接粘贴，另外一种是通过指定路径插入图片，接下来会依次对两种方式插入的图片能否上传成功进行验证。

方式1：截图或复制后，直接粘贴图片。

在Typora中，直接粘贴截图或复制得到的图片。粘贴好的图片，会自动上传到COS图床中，说明自动上传功能实现。上传成功后，会在导航栏下方展示上传图片信息：

粘贴时的默认图片链接，为本地的图片链接。展示上传成功的信息后，图片会被自动替换为存储桶中的图片链接，说明图片已经实现了由本地到COS图床的替换：

方式2：通过指定图片路径插入图片：

如果希望指定图片路径插入图片，可以先创建一个图片占位符，具体方式为 “右键-插入-图像” ，或直接使用插入图像快捷键Ctrl+Shift+I，生成的图片占位符展示效果如下：

接下来，可以在图片占位符中输入图片路径，或直接点击右侧按钮选择本地图片，选择图片后，将会先在页面展示本地图片路径。接下来会自动上传图片，上传成功后，同样会展示上传成功的提示信息，并自动将本地图路径片替换为存储桶中的图片路径：

经过上方测试，可以确认由两种方式在编辑器中放置图片（直接粘贴或指定图片路径），图片均会成功上传至腾讯云COS图床，并使用图床中的图片路径替换本地的图片路径。

2.前往存储桶，确认图片是否成功上传

上传成功后，可以看到替换后的图片路径为：

完整的图片路径分为多个部分，每一部分均有不同的含义：

• https://：对应此处使用的通信协议
• typora-125941603.cos.ap-guangchou.myqcloud：对应存储桶信息，包含存储桶名称，存储桶所在区域等相关信息
• /typora/：对应存储桶中的同名文件夹typora，此处的目录对应配置自动上传文件upload.js时，参数中指定的上传文件夹。
• 20200102095114-214729.png：对应文件名，此处的文件名由时间戳+随机数匹配生成，可以确保每个文件名的唯一性。

直接访问图片路径，图片可以正常展示：

注：此处为测试使用的图片，过后可能会被清理或回收。为保证实验结果的一致性，学员在手动尝试时，请使用自己上传后的图片路径进行测试。

前往腾讯云COS 存储桶列表 页面。

找到用于存储Typora图片的存储桶，确认存储桶中存在同名文件。

文件名右侧对应文件的基本信息，以及可以对文件进行的操作类型。

下图为点击文件右侧 “详情” 按钮时，展示的文件详细信息：

尝试下载文件到本地，确认文件内容与编辑器中的图片一致：

可以看到下载后的图片，与编辑器中自动上传的图片内容一致。说明自动上传的图片到腾讯云COS的功能已经完全实现。

注：存储桶中文件的查看与下载，除了使用浏览器，还可以使用软件COSBrowser轻松实现。具体的操作流程在上方的 任务4 中已经进行了详细的介绍，这里不再展开说明。