从WordPress图像URL中删除图像宽度和高度

时间:2014-10-06 18:56:42

标签: jquery regex wordpress image thumbnails

有没有办法关闭添加到我的WordPress图片网址的自动-widthxheight?比如,例如;

http://xevens.com/projects/xe/wp-content/uploads/2014/10/alaska_winter_nights-1366x768-300x168.jpg http://xevens.com/projects/xe/wp-content/uploads/2014/10/alaska_winter_nights-1366x768.jpg

在大多数情况下,300x168对我来说是不必要的。现在我需要将图像作为其原始尺寸。如果没有办法做到这一点,你能不能给我一个漂亮的小REGEX,这样我就可以通过jQuery摆脱-300x168了?

谢谢!

2 个答案:

答案 0 :(得分:2)

您可以使用这样的简单正则表达式:

-\d+[Xx]\d+\.

<强> Working demo

enter image description here

您可以使用.替换匹配的内容,如屏幕截图所示

答案 1 :(得分:0)

根据WordPress图片的情况,我可以想到一些正则表达式。

1

如果您想要一个正则表达式,它仅从wp-content / uploads中的调整大小的图像中选择图像名称,并排除调整大小的部分,则可以执行更具体的操作: Working Demo

\/wp-content\/uploads\/[0-9]{4}\/[0-9]{2}/(.*)(?:-[0-9]{1,5}x[0-9]{1,5})(\..{2,4})

Regular expression visualization $ 1组选择文件名(不包括调整大小的部分),$ 2组选择扩展名

2

或者,如果您正在移动资源库,并且甚至想为未调整大小的图像更改URL,但仍需要排除文件名的调整大小部分:Working Demo

\/wp-content\/uploads\/[0-9]{4}\/[0-9]{2}/(.*)(?:-[0-9]{1,5}x[0-9]{1,5})(\..{2,4})|\/wp-content\/uploads\/[0-9]{4}\/[0-9]{2}/(.*)

Regular expression visualization 组$ 1选择文件名(不包括调整大小的部分),组$ 2选择扩展名,组$ 3选择没有调整大小的文件的整个文件名。如果输出$ 1 $ 2 $ 3,则它将合并$ 1和$ 2,或显示$ 3-因此,您始终获得文件名而无需调整大小。

3

或者,如果您只想为上传的任何图像选择文件名的调整大小部分:Working Demo

\/wp-content\/uploads\/[0-9]{4}\/[0-9]{2}/.*(-[0-9]{1,5}x[0-9]{1,5})\..{2,4}

Regular expression visualization $ 1组选择wp-content / uploads中文件的调整大小部分

4

或者您可能想为所有调整了大小的图像选择整个URL:Working Demo

(\/wp-content\/uploads\/[0-9]{4}\/[0-9]{2}/.*-[0-9]{1,5}x[0-9]{1,5}\..{2,4})

Regular expression visualization

$ 1选择任何包含wp-content / uploads且带有任何year / month文件夹且具有调整大小的图像的URL(例如:包含-123x456.jpg)

我在迁移WordPress网站时为所有图像设置重定向时使用了上面的#2。我们不再想要使用YYYY / MM文件夹,并且图像缩放比例有所不同。正则表达式允许将旧图像重定向到全尺寸图像,因此至少它们并不仅仅是获得404。