如何在图像源处理空间

Question

我有很多不幸在其URL的空间图像。这些通过用户输入提交到另一个系统并保存到数据库中。

我在与图像源的角度的管理问题。它似乎不像ng-src或src属性中的空格或“％20”。

这

<img ng-src="{{smallImg}}" alt="" /> 

将输出这个

<img ng-src="" alt="" /> 

虽然这

将输出这个

<a href="http://example.com/path to my/image with/spaces.jpg">HERE</a> 

有没有办法做到这一点，而不必回去重命名所有这些文件夹？

Answer 1

我一直没能使用20％时做出<img>src空的，但也许你正在使用的角度旧版本。

$scope.smallImg = "http://www.google.com/my images here/pic.jpg".replace(/ /g, "%20"); 
... 
<img ng-src="{{smallImg}}" alt="Pic goes here" /> 

这里的工作演示：https://plnkr.co/edit/hTFw8rAg0CRxDGjROjjp

（试图找到曾在名称中的空格在网络上的形象，但没有运气）

Answer 2

我得到了答案，这是工作为了我。 你可以得到这样的，如： -

$scope.smallImg = "http://example.com/path to my/image with/spaces.jpg"; 

在绑定这个不喜欢

<img ng-src="{{smallImg .replace(' ','')}}" alt="" > 

Answer 3

嗯，事实证明这是一个辅助插件，magic360这是与图像源干扰