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

时间:2018-02-04 19:07:44

标签: javascript angularjs firebase-storage

有没有办法从网址获取我使用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轻松获取或提取文件名?

谢谢。

1 个答案:

答案 0 :(得分:0)

我做了一些假设:

  • 文件名以斜杠开头(TreeSet<String> playerSet = new TreeSet<String>(); playerSet.add("1"); playerSet.add("2"); playerSet.add("3"); playerSet.add("4"); StringBuilder sr = new StringBuilder(); sr.append("\"").append(String.join(" ", new ArrayList<String> (playerSet))).append("\""); System.out.println(sr.toString()); 或其解码版本/
  • 以第一个问号结束。
  • 图像具有JPG格式(尽管您可以在正则表达式中轻松修改它)。

如果满足所有这三项,您可以在网址上使用this正则表达式:

%2F

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