2011-07-09 31 views
5

thể Duplicates:
get image height and width in file tag javascript
Determining image file size + dimensions via Javascript?
How to upload preview image before upload through JavaScriptcó được chiều cao và chiều rộng trong thẻ tập tin sử dụng javascript

làm thế nào tôi có thể nhận được chiều cao và chiều rộng của hình ảnh mà không cần refresh trang trong thẻ tập tin?

<HTML> 
<HEAD> 
    <TITLE></TITLE> 
    <script language="javascript"> 
    function getW() 
    { 
     var theImg = document.getElementById('testimg'); 
     alert(theImg.width); 
    } 

    function getH() 
    { 
     var theImg = document.getElementById('testimg'); 
     alert(theImg.height); 
    } 
    </script> 
</HEAD> 

<BODY>   
<input type="file" id="testimg"/> 
    <input type="button" value="get Width" onclick="getW()"/> 
    <input type="button" value="get Height" onclick="getH()"/> 
</BODY> 
</HTML> 

tôi nhận được chiều cao và chiều rộng của hình ảnh sử dụng mã php, nhưng mà trang thời gian sẽ được làm mới, mà không cần refresh trang tôi nhận được kích thước hình ảnh nhưng không phải là một chiều cao và chiều rộng ....

+0

lolwut? 2 câu hỏi như thế này đến cái khác? http://stackoverflow.com/questions/6633190/get-image-height-and-width-in-file-tag-javascript – Pwnna

+0

http://stackoverflow.com/questions/4094012/how-to-upload-preview- hình ảnh trước khi tải lên qua javascript http://stackoverflow.com/questions/1310378/determining-image-file-size-dimensions-via-javascript – AmdY

Trả lời

0

Sử dụng các onload sự kiện:

document.getElementById('testimg').onload = function() { 
    alert(document.getElementById('testimg').offsetHeight); 
} 

bạn có thể thay đổi hành động trong chức năng, ví dụ, làm cho các nút của bạn có thể nhìn thấy, hoặc bỏ tàn tật, tùy thuộc vào bạn.

Không chắc chắn tôi hiểu câu hỏi của bạn, nhưng Javascript sẽ cần phải tải hình ảnh trước khi bạn có thể nhận được kích thước của nó.

0

Điều này không thể thực hiện theo cách của trình duyệt chéo.

Cách duy nhất để duyệt qua (nhưng không đơn giản) là tải lên kiểu tệp ajax, hiển thị hình ảnh đó (có thể ẩn) và nhận kích thước của nó bằng img.widthimg.height.

Hy vọng điều này sẽ hữu ích. Chúc mừng

Các vấn đề liên quan