Question

基本上，我要做的是以下内容：

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

我不确定这一切是否可能......我可以做点点滴滴，但却无法将它们全部放在一起并且认为我会看到是否有人有任何见解。

以下是我要返回的JSON的格式。我正在努力确定如何加载videoStillURL项目的图片网址，主要是因为网址中有额外的斜杠。

{"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"}

非常感谢任何帮助！

Answer 1

额外的斜杠不应该是一个问题，因为它们将被转义。

假设您正在做类似这样的事情：

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

我觉得无法做到的，正是你想要实现的目标，就是在单独右键单击图像时保存videoStillURL。我是如何做的是在图像周围加一个<a href='[videoStillURL]'>标签 - 所以右键单击，选择“保存源”实际上会保存原始图像而不是缩略图

从JSON抓取，调整大小和显示图像

1 个答案: