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

18次查看

如下图,每个图片的尺寸是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"));

});

输入后按回车即可。

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

热门文章