ارتفاع الصورة وعرضها قبل التحميل

Question

أحاول التحقق من صحة الصورة التي تم تحميلها بواسطة المستخدم. لذلك ، بعد أن يضيف المستخدم صورته ، قبل تحميلها على الخادم ، حاولت التحقق من صحة أبعاد الصورة باستخدام رمز JavaScript أدناه ولكنه لن يعمل.

function check_image_dimensions(){
var t=document.getElementById("main_file_1");
e=t.clientWidth;

n="";
o="We could not upload your image because \n \n";
if (e<300) {
(n+="The height of the image must be greater than 300px \n";
}
if(i<300){
n+="The height of the image must be greater than 300px \n";
}

حاولت أيضا:

e=t.width;
i=t.height;

لكنها لا تزال لا تعمل. ما الخطأ الذي افعله؟

شكرًا لك!

Answer 1

شيء مثل:

1) ضع الصورة في مخفية <img/> عنصر

انظر هذا المثال: MDN - استخدام الملفات من تطبيقات الويب

2) تحقق من حجم (المربع المحيط) من <img/> عنصر

if(img.getBoundingClientRect().width<300) ...

3) تنبيه المستخدم (أو لا)

هنا نسخة عمل: JSfiddle.

توافق المتصفح: Firefox 3.6+ ، Chrome 7+ ، IE 10+ ، Opera 12+