我有一个页面，当将鼠标悬停在缩略图上时，该页面应该显示较大版本的图像。

我有一个带有ID的’div’，JQuery代码如下：

$(document).ready(function(){

  $('img').hover(function() {

    var src = $("#im" + this.id).attr("src");
    $('#viewlarge').css('backgroundImage','url(' + src +')'); 
    return false;
  });

});

我使用的图像是由Ruby脚本生成的，该脚本“生成”具有相似但不同ID的图像。但是，有时上传的照片内部带有“空格”。我的开发人员工具告诉我，背景图像设置不正确，但是图像路径正确，浏览器在查找图像时没有问题。

我的问题是，我可以以某种方式清除url’src’，这样空格就不会成为问题了吗？我知道要在服务器端进行此操作，但是我也想知道如何使用JQuery /
JS进行此操作。

谢谢！