자바 스크립트 얻을 이미지 크기 내가 자바 스크립트에서 이미지 크기를 얻기 위해이 코드를 발견 이미지

Question

생성 :

function getImgSize(imgSrc) 
{ 
    var newImg = new Image(); 
    newImg.src = imgSrc; 
    var height = newImg.height; 
    var width = newImg.width; 
    alert ('The image size is '+width+'*'+height); 
} 

그것은 완벽하게 작동하지만이 보호되는 이미지의 크기를 얻을 필요가; 이미지에 액세스하려면 image.php? id = IMAGE_ID 페이지를 사용합니다.이 페이지에서 권한을 확인하고 이미지를 다시 보내기 때문에 작동합니다. 하지만 자바 스크립트 함수에이 링크를 추가하면 크기를 얻기 위해 작동하지 않습니다. 어떤 도움 (이미지의 직접 링크를 넣으면 .htaccess 파일에서 차단 되었기 때문에 두 가지 모두 작동하지 않습니다)?

이미지가 들어있는 폴더에도 everthing에 대한 액세스가없는 .htaccess 파일이 있습니다.

Image.php :이 htaccess로에 의해 차단 된 경우

//check if the user has permission 
//if not, show a image with the text 'no permission' 
//if it's ok 
$filename = "images\\fotos\\" . $imgl; 
$image = imagecreatefromjpeg($filename); 
header('Content-type: image/jpeg'); 
imagejpeg($image, null, 100); 
imagedestroy($image); 

Answer 1

이 작업을 수행하는 올바른 방법은 다음과 같습니다

var newImg = new Image(); 

newImg.onload = function() 
{ 
    var height = newImg.height; 
    var width = newImg.width; 
    alert ('The image size is '+width+'*'+height); 
}; 

newImg.src = imgSrc; 

Answer 2

, 당신은 그것에 대해 아무것도 할 수 없습니다 이미지를 얻으려면,이 PHP 페이지를 사용합니다. 즉, 어떤 상황에서도 서버 외부에서 액세스 할 수 없게됩니다.

이미지 크기를 가져 오는 특수한 PHP 파일을 작성한 다음 AJAX에서이 파일을 호출하는 문제를 해결할 수 있습니다. 그러나이를 위해서는 추가 서버 리소스가 필요합니다.