jquery - jQuery & RegEX 解析图片名称

Question

我正在尝试编写一个 jQuery 代码片段，它将解析包含宽度、高度和扩展名的图像名称，并将这些值分配给变量。

图片名称格式：DSCN0551-130x130.jpg(name-widthxheight.extension)

我想尝试拉出我们的宽度、高度和扩展名，并将它们分配给变量。

Answer 1

var str = 'DSCN0551-130x130.jpg';
var matches = str.match(/(.+)-(\d+)x(\d+)\.(\w+)$/);
var name = matches[1];
var width = matches[2];
var height = matches[3];
var extension = matches[4];

通过在末尾添加锚点，您基本上可以从右到左阅读正则表达式。然后在与-您的结构相关的最左边之后，.+匹配剩下的任何内容（无论是什么字符）。

Answer 2

var g='DSCN0551-130x130.jpg'.match(/([0-9]+)x([0-9]+)\.([a-z]+)/i)
//g[1] = width
//g[2] = height
//g[3] = ext

或更好： 如果您只想找到第一个匹配项，则可能需要使用 regexp.exec(string) 代替。

var g=/([0-9]+)x([0-9]+)\.([a-z]+)/i.exec('DSCN0551-130x130.jpg')
//g[1] = width
//g[2] = height
//g[3] = ext

Answer 3

用这个：

现场演示：http: //jsfiddle.net/oscarj24/dL89D/1/

var imgName = "DSCN0551-130x130.jpg";
var args = imgName.match(/(.*)-(.*)x(.*)\.(.*)/).slice(1);

alert("name: " + args[0] + //name: DSCN0551
      " width: " + args[1] + //width: 130
      " height: " + args[2] + //height: 130
      " extension: " + args[3]);​ //extension: jpg

Answer 4

var img = "DSCN0-551-130x130.jpg";

var props = img.split(/-(\d+)x(\d+)\./);

var name = props[0];
var width = props[1];
var height = props[2];
var extension = props[3];