通过 ng-src 获取图像设置的文件名答案

【问题标题】：Get the filename of an image setting by ng-src通过 ng-src 获取图像设置的文件名
【发布时间】：2018-07-14 16:22:23
【问题描述】：

有没有办法从 url 获取我用ng-src 设置的图像的文件名？

我的图片标签如下所示：

  <img ng-src="{{imageSrc}}" width="400" height="400" />

在我的控制器中，我设置了这样的 url 的图像源：

      $scope.imageSrc = "https://firebasestorage.googleapis.com/v0/b/work-52105.appspot.com/o/user%2FwCBsmRGAxbMQXO2yqc8jF65pmIG3%2FDepositphotos_59984669_s-2015.jpg?alt=media&token=916f8bb6-2ccf-4a95-b76b-814db081c028";

右击图片保存，可以看到文件名：Depositphotos_59984669_s-2015.jpg

有没有办法通过 JS 或 Angular.js 轻松获取或提取文件名？

谢谢。

【问题讨论】：

既然是设置图片，应该已经有了url
我只想获取它的名称，即Depositphotos_59984669_s-2015.jpg并将其分配给一个变量，例如

标签： javascript angularjs firebase-storage

【解决方案1】：

我做了一些假设：

文件名以斜杠开头（/ 或其解码版本，%2F）
它以第一个问号结束。
图片为 JPG 格式（尽管您可以在正则表达式中轻松修改）。

如果三个都满足，可以在网址上使用this正则表达式：

(?:.+(?:\/|%2F))+?([^\/]+\.jpg)(?=\?)

请注意，first group 包含文件名。

【讨论】：