2013-02-07 45 views
0
顯示圖片

基本上,我想要做的是以下幾點:拼搶,調整大小,和JSON

  1. 用戶輸入一個ID爲資產我們的系統
  2. 的ID提交上作爲返回JSON的API調用的一部分,該字段名爲「videoStillURL」,其中包含縮略圖圖像的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"} 

任何幫助,非常感謝!

回答

1

額外的斜線不應該是一個問題,因爲它們會被轉義。

假設您正在做這樣的事情樣機:

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

我覺得是不可能的事,在你想達到什麼目的,是使它在圖像上單擊鼠標右鍵救孤videoStillURL 。我如何做它是圍繞圖像包裹一個<a href='[videoStillURL]'>標記 - 所以右擊,並選擇「保存源」實際上將保存原始圖像,而不是縮略圖

+0

感謝您的回覆...什麼是祕密爲了避免「XMLHttpRequest無法加載_____。原始______不被Access-Control-Allow-Origin允許」錯誤? – ndisdabest

+1

我認爲你遇到了同源策略問題,這基本上意味着AJAX請求需要在同一個域中完成,使用它們來自的相同協議和端口。 您可以在這裏閱讀更多關於它的信息(並可能獲得解決方案):http://stackoverflow.com/questions/3828982/xmlhttprequest-cannot-load-an-url-with-jquery – eithed