양식 제출 전에 업로드 된 이미지의 높이 및 너비를 확인하려면

Question

양식 제출 전에 업로드 된 이미지의 높이 및 너비를 얻는 방법, jQuery 또는 Javascript를 사용 하시겠습니까?

<input type="file" /> 

업로드 할 이미지의 너비와 높이가 선택한 너비 및 높이와 같은지 확인해야합니다. 나는 this link을 발견했다. 하지만 FF 및 Chrome에서만 작동하며 IE7 및 IE8에서는 작동하지 않습니다.

다른 브라우저로 크기를 가져올 수있는 다른 방법을 보여줄 수 있습니까?

Answer 1

이미지 개체를 만들 수 있습니다. 이미지 개체를 만든 후 업로드 할 이미지를 표시하는 이미지 태그에서 이미지를 가져온 다음 앞으로 작성한 방법에 따라 이미지의 크기를 가져올 수 있습니다.

var v=new Image(); 
v.src=document.getElementById("up_img").getAttribute('src'); 
alert(v.width); 

당신이, 내가 그것을 IE에서 지원 여부 모르는 이미지 태그에 표시 할 이미지를 얻기 위해 Base64로 방법을 사용해야 할 것입니다 기억하지만 크롬에서 사용할 수있는 HTML5 시설입니다 , 파이어 폭스, 오페라.

Answer 2

보안상의 이유로 IE9, IE8, IE7은 클라이언트의 컴퓨터에있는 파일에 액세스하는 것을 지원하지 않습니다. 그것이 너비 나 높이를 얻지 못하는 이유입니다. 이미지를 서버에 업로드 한 다음 이미지 컨트롤에 표시하고 높이와 너비를 가져와야합니다. 이미지를 표시하지 않으려면 visibility:hidden을 설정할 수 있습니다.

BIRD 'S VIEW

한 가지 방법은 업로드에 임시 ID와 이미지 이름을 가진 서버에 임시 폴더에 파일을 저장하고있는 ID를 저장하기 위해 Ajax를 사용하는 동안 진행률 표시 줄을 표시이 될 수 있습니다 데이터베이스 (나중에 삭제할 수 있도록)를 선택하고 이미지 컨트롤에 표시하십시오. 그런 다음 높이와 너비를 가져옵니다.