实验验证
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 中已经进行了详细的介绍,这里不再展开说明。
学员评价