0

基本上，我想做的是以下几点：

  1. 用户在我们的系统上输入资产的 ID
  2. 该 ID 是作为 API 调用的一部分提交的，该调用返回带有名为“videoStillURL”的字段的 JSON，其中包含缩略图图像的 URL。
  3. 将此缩略图从其现有大小调整为较小的大小，这样，如果有人右键单击并保存到他们的硬盘驱动器，它将是调整大小的版本而不是原始版本。

我不确定这一切是否可能......我可以做一些零碎的工作，但无法将它们放在一起，我想看看是否有人有任何见解。

下面是我返回的 JSON 格式。我很难弄清楚如何为 videoStillURL 项目加载图像 URL，主要是因为 URL 中有额外的斜杠。

{"name":"Test Item","videoStillURL":"http:\/\/brightcove.vo.llnwd.net\/d21\/unsecured\/media\/1547387903001\/1547387903001_2146991932001_vs-5112b14ee4b0a4075c1c8334-1592194027001.jpg?pubId=1547387903001","thumbnailURL":"http:\/\/brightcove.vo.llnwd.net\/d21\/unsecured\/media\/1547387903001\/1547387903001_2146991933001_th-5112b14ee4b0a4075c1c8334-1592194027001.jpg?pubId=1547387903001"}

任何帮助是极大的赞赏！

4

1 回答 1

1

额外的斜线不应该成为问题，因为它们会被转义。

假设你正在做这样的模型：

$(document).ready(function()
{
    ...
    ajaxSuccessCallHere(data)
    {
        var image = $("<img/>");
        $(image).attr('src', data.thumbnailURL)
        $(document.body).append(image);
    }
    ...
});

在您试图实现的目标中，我发现不可能做到的是，仅在右键单击图像时就可以保存 videoStillURL 。我的做法是<a href='[videoStillURL]'>在图像周围加上一个标签 - 所以右键单击并选择“保存源”实际上会保存原始图像而不是缩略图

于 2013-02-07T14:27:52.113 回答