任何燈箱的跨域iframe

Question

這個話題，但沒有解決很多搜索... :( 提前尋找任何收藏在跨域環境

Thankx圖片。

Answer 1

我不是確定你在這裏問的是什麼，但是如果你想避開跨域的JS限制，你總是可以在你的服務器上創建一個PHP頁面（或類似的東西），從另一個域中獲取圖像並將它們作爲本地。

下面是一些jQuery代碼，將圖像對象的src屬性更改爲sh有一個特定的圖片。比方說，我們要顯示圖像http://www.someotherdomain.com/images/pictureofbacon.png ....

var urlStr = 'http://www.someotherdomain.com/images/pictureofbacon.png'; 

//encode the image's url for passing 
var url_enc = encodeURIComponent(urlStr); 

$('#imageBacon').attr(
    'src', 'http://www.yourdomain.com/getPhoto?url=' + url_enc 
); //call your php page, passing to it the encode image url 

然後，在你的PHP頁面，你可以得到的URL並在本地處理圖像。這個PHP經過測試可以工作（需要GD2），假設你傳遞了一個有效的圖像URL。

getPhoto.php

<?php 
    $url = $_REQUEST['url']; 
    SendImageToBrowser ($url); 

    function SendImageToBrowser($file){ 
    $info = getimagesize($file); 
    $final_width=$info[0]; 
    $final_height=$info[1]; 

    switch ($info[2]) { 
     case IMAGETYPE_GIF: 
     $image = imagecreatefromgif($file); 
     break; 
     case IMAGETYPE_JPEG: 
     $image = imagecreatefromjpeg($file); 
     break; 
     case IMAGETYPE_PNG: 
     $image = imagecreatefrompng($file); 
     break; 
     default: 
     return false; 
    } 
    imagecopyresampled($image_resized, $image, 0, 0, 0, 0, $final_width, $final_height, $width_old, $height_old); 
     $mime = image_type_to_mime_type($info[2]); 
     header("Content-type: $mime"); 
     $output = NULL; 

    switch ($info[2]) { 
     case IMAGETYPE_GIF: 
     imagegif($image, $output); 
     break; 
     case IMAGETYPE_JPEG: 
     imagejpeg($image, $output); 
     break; 
     case IMAGETYPE_PNG: 
     imagepng($image, $output); 
     break; 
     default: 
     return false; 
    } 
    return true; 
} 
?>