七牛云存储 远程抓取图片保存到指定空间(nodejs版),以及自定义key

本文介绍了如何利用七牛云的fetch接口远程抓取UEditor文本编辑器中的图片,并使用Node.js实现自定义图片key进行存储。通过正则匹配获取img标签的src,然后通过七牛云SDK上传图片,确保图片命名的唯一性,提高加载效率和文章稳定性。
摘要由CSDN通过智能技术生成

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

1. 获取所有图片的源地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值