使用浏览器console批量更改图片的宽度

如下图，每个图片的尺寸是220，但我想要得到的图片尺寸是640的。于是就想到用jquery来批量更改图片img的高度，

如上图，每个图片会有一个w_220的标识，即生成的图片是220宽度，当然这个是利用cdn api生成的图片，而不是直接引用图片地址的，所以有这样的标识，并不是所有的图片都适用于这种方式，能适用的比如阿里云，七牛，又拍云等图片地址。

上一节我们已经讲了如何在console中引入jquery.点击查看详情，下面的代码就是批量替换img中的220为640

$("img").each(function(){

$(this).attr("src",$(this).attr("src").replace("220","640"));

});

输入后按回车即可。

生成的新的图片地址如下图：