JavaScript 获取上传到 Google Drive 并在图像标签中引用的图像的原始文件名？

Question

我在 XHTML 模板中使用此脚本从每个图像标记的 src 中获取每个图像的文件名，删除扩展名，并将其作为图像的标题插入。

这对于直接通过博主的编辑器上传的图像非常有用，因为它们具有如下 URL：

src="https://2.bp.blogspot.com/randomcharacters/morerandomcharacters/s400/3-1a1_w.jpg"

该脚本在图像下方正确插入 3-1a1_w。

我尝试使用外部 Blogger 编辑器 BlogTouch。 它将图像上传到 Google Drive。 我的脚本不适用于通过该程序上传的任何图像，因为图像标签中的 URL 与此类似。 没有尾随文件名或扩展名，只有一堆随机字符。

src="https://lh5.googleusercontent.com/randomcharacters"

Google Drive 是否将图像的原始文件名保留为图像的属性？ 如果是这样，有没有办法修改脚本以使用图像标签中的 url 从 Google Drive 获取该属性？

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<style type='text/css'>
.caption-text { clear:both;color:#666;font-size:90%;text-align:center;margin:0 0 6px;padding:3px 0 0; }
</style>
<script type='text/javascript'>
//<![CDATA[

function addCaption(img) {
  var ele=$(img);
  if(ele.parent().is(".caption-wrap")) return;
  var title=ele.attr('src');
  if(typeof title === "undefined" || title=="") return;
  if(ele.parent().is("a")) ele=ele.parent();
  var align=ele.attr("align");
  if(!align) align=ele.css("float");
  if(align=="") align="none";
  var container=ele.wrap('<div style="display:inline-block" class="caption-wrap '+align+'" />').parent();
  container.css("float", align);
  container.css("width", ele.outerWidth()+"px");
  container.css("margin-left", ele.css("margin-left"));
  container.css("margin-right", ele.css("margin-right"));
  container.css("margin-bottom", ele.css("margin-bottom"));
  ele.css("margin-left", "0px");
  ele.css("margin-right", "0px");
  ele.css("margin-bottom", "0px");
  var begin = title.lastIndexOf("/") + 1;
  var end = title.lastIndexOf(".") - 1;
  var length = end - begin + 1;
  var title = title.substr(begin, length);
  var text=container.append('<p class="caption-text">'+title+'</p>').find(".caption-text");
  text.css("width", ele.outerWidth()+"px");
}
// add captions on window.load to img's with class "caption"
$(window).load(function() {
  $("img").each(function() {
    addCaption(this);
  });
});
//]]>
</script>