JavaScript - Регулярное выражение для преобразования источника изображения

Question

Мой вопрос связан только с регулярными выражениями JavaScript.

Я строю простой лайтбокс для Wordpress с помощью Mootools JavaScript framework.

Wordpress хранит фотографии в различных размеров с именами файлов, как:

'image-50-50x100.jpg' 
'image-50-150x100.jpg' 
'image-50-1024x698.jpg' 
'image-50.jpg' 

Когда пользователь нажимает на уменьшенное изображение, я должен преобразовать источник этого образа в источник полного размера изображения, и затем предварительно загрузите полноразмерное изображение.

Вопрос

Как изменить строку, как это:

'http://some-path/image-50-50x100.jpg' 
'http://some-path/image-50-150x100.jpg' 
'http://some-path/image-50-1024x698.jpg' 
'http://some-path/image-50.jpg' 

, в:

'http://some-path/image-50.jpg' 

Недостающую часть является точным регулярное выражение в коде ниже:

source.replace(/regular-expression/, ''); 

Заранее спасибо.

Answer 1

Это следует сделать это:

str = str.replace(/-\d+x\d+/, ''); 

Eg:

var str = 'http://some-path/image-50-1024x698.jpg'; 
str = str.replace(/-\d+x\d+/, ''); 
console.log(str); // "http://some-path/image-50.jpg" 

И в случае, когда вы не хотите, чтобы это изменить, это Безразлично t:

var str = 'http://some-path/image-50.jpg'; 
str = str.replace(/-\d+x\d+/, ''); 
console.log(str); // "http://some-path/image-50.jpg" 

---

Edit: Вы сказали, что в другом месте, что комментарий:

В некоторых редких случаях это может случиться, что Wordpress загрузки пользовательских изображений, как image-1024x698.jpg, то Wordpress создает большой палец изображение как image-1024x698-300x300.jpg

Итак, мы добавим \. и . к вышесказанному:

var str = 'http://some-path/image-1024x698-300x300.jpg'; 
str = str.replace(/-\d+x\d+\./, '.'); 
console.log(str); // "http://some-path/image-1024x698.jpg" 

Answer 2

Try:

source.replace(/(.+\/[^-]+-[^-]+)(-\d+x\d+)*\.([^\.]+)$/, '$1.$3')