如何使用正则表达式更新有路径和无路径的图像

Question

计划是用到CDN的路径来更新路径，以及那些缺少路径的路径。基本示例：

var thePath = 'http://media.dev.com.edgesuite.net/is/image/';

...
return value.replace( /[\/]|[\.\w\/].*[\/]/gm, thePath );

但问题是，有些人没有路径..。

(/images/bird.gif) has the path of /images/
(/gator.gif) has the path of /
(bird.gif) lacks a path

我很难瞄准那些没有路径的人。运行中的正则表达式可以在http://www.regexr.com/3bj6g上看到。

为了提供更多上下文，这里是脚本...

var scene7 = {
  path  : 'http://media.dev.com.edgesuite.net/is/image/',
  jpg   : '?scl=1&fmt=pjpeg&qlt=25,1',
  gif   : '?scl=1&fmt=gif-alpha&quantize=adaptive,off,256',
  png   : '?scl=1&fmt=png-alpha'
};    

var destAssetsDesktopStandard = {
  html    : basePath.desktopStandard + ''
};

////////////////////////////////////////////////

function replaceImageType( value ) {

console.log(value);

    return value.replace( /[\/]|[\.\w\/].*[\/]/gm, scene7.path )
                .replace( '.jpg', scene7.jpg )
                .replace( '.jpeg', scene7.jpg )
                .replace( '.png', scene7.png )
                .replace( '.gif', scene7.gif );

}

var findImagesInCSS   = '\\(([\\.\\~\\"\\s\\\'\\-\\w\\/]+(\\.(png|jpg|jpeg|gif))).*?\\)';
var replaceWithRegExp = new RegExp(findImagesInCSS, 'gm');

////////////////////////////////////////////////

gulp.task('inline-code', function(){

  var optionsIgnoreScript = { ignore: ['script'] };
  var optionsIgnoreCSS    = { ignore: ['css'] };

  return gulp.src('index.asp')
    .pipe(inlinesource(optionsIgnoreScript))
    .pipe(replace( replaceWithRegExp, replaceImageType ))
    .pipe(inlinesource(optionsIgnoreCSS))
    .pipe(gulp.dest(destAssetsDesktopStandard.html));
});

gulp.task('build-desktop-standard', ['inline-code']);

你将如何处理这个问题？

Answer 1

如果没有什么可以替换的，不要使用正则表达式替换：

if (value.indexOf("/") == -1)
    value = scene7.path;
else
    value = value.replace( /[\/]|[\.\w\/].*[\/]/gm, scene7.path );
return value.replace('.jpg' ...