JS小应用：从图床获取的html代码中提取IMG标签并提取图片复制到剪贴板

JS小应用：从图床获取的html代码中提取IMG标签并提取图片复制到剪贴板

问题产生

自己做站长，为了节省银子，难免要用到图床。有的图床可以直接给你URL，这当然是最好的情况：

而有的图床，却禁用了鼠标右键，甚至复制一张图片地址的机会都不给（偏偏它其他的功能还挺好，你又舍不得放弃它），它给的：

这时候就比较烦了。所以，我自己写了一段js来把自己解放出来。

需求功能

它实现下面几个功能：

1. 从HTML代码中提取到IMG的URL；
2. 把上一步获得的IMG的URL直接封成img标签；
3. 获得图片；
4. 把图片批量复制到剪贴板。

这样，在网页后台编辑文件时候，我就可以点几下鼠标，最后按下ctrl+v，就完成图片批量插入到文章里了。。。

解决问题

HTMl结构

<div class="container">
    <h1>从HTML代码中提取IMG地址并逐行输出</h1>
    <textarea id="Input" rows="6" cols="50" placehold