jquery - 基于 src 值匹配的 img 字幕

Question

我正在尝试根据 src 值匹配创建 img 字幕。

JQUERY：从具有 src 值 wwww.abcd.com/images/imagename__Author-ABC__.jpg 的 img 中提取“Author-ABC”并用该值替换 alt 值的最佳方法是什么。

DRUPAL：有没有办法预处理这个drupal模板函数并将值保存在img alt属性中？

想法？芭蕉

Answer 1

假设您的图像名称始终以 开头imagename_和结尾_.extension，您可以执行以下操作：

var src = jQuery("#imgId").attr("src");
var imgName = src.replace(/^.*imagename_/,"").replace(/_\.[a-z]+$/, "");

或者，假设 URL 本身不包含任何下划线，您可以这样做：

var src = jQuery("#imgId").attr("src");
var imgName = src.replace(/^[^_]+_/,"").replace(/_\.[a-z]+$/, "");

Answer 2

您可以不使用 JavaScript 执行此操作，而是挂接到 Drupal 并在创建图像时执行所有这些操作。我猜你在节点上使用 CCK 字段。使用 ahook_form_alter您可以为表单添加提交处理程序。在其中，您可以执行从 img 文件名中提取作者姓名并将其添加为 alt 属性所需的正则表达式。

这样做您在创建时获得所需的标记，而不必依赖 javescript 来更改它。这就是使 Drupal 变得伟大的灵活性，也是Drupal这样做的方式。