最近两天老师给布置了一个小任务。有一个页面用到了UEditor文本编辑器,用户经常会直接粘贴整篇文档到编辑区,包括很多图片。图片的来源都是粘贴来源的地址,这可能大大影响图片的加载效率,以及如果源地址删除该图片,文章也无法正常显示。我要做的就是从该文章中,提取所有的图片,保存到七牛云存储。这样,每次显示文章,就能直接从自己的云存储加载图片。
首先,我的大概思路是: 获取正片文章内容,正则匹配出所有的img标签,然后再匹配出每个img标签的src属性值,也就是获得了每张图片的源地址。本来不了解七牛云,所以在如何上传到七牛云上卡住了。刚好到了周末,就趁着这两天时间,大概过了一下七牛api文档,了解到了fetch接口进行远程资源抓取。
以下上代码:
1. 获取所有图片的源地址