چک اندازه تصویر قبل از آپلود در جاوا اسکریپت

بروز شد 4 ماه 22 روز قبل توسط سمیر زمانی

با عرض سلام خدمت دوستان عزیز

بنده یک برنامه ای طراحی کرده ام یک نیاز هست علاوه بر یکسری اطلاعات, عکس هم آپلود بکنم و قراره این کار از طریق جاوا اسکریپت انجام بشه, و نیاز هست قبل از اجازه آپلود طول و عرض تصویر رو چک بکنم.

روش های مختلفی رو تست کردم اما نشد, ممنون می شم از دوستان اگر راه حلی دارند پیشنهاد بدند, ممنونم

دستت درد نکته مهندس برای من جواب داد, خیلی ممنونم

سلام خدمت شما دوست عزیز برای حل این مشکل من یک متد رو پایین برات قرار میدم, که باید تصویری رو که از فرم به عنوان فایل میگیری بهش پاس بدی تا طول و عرض رو بهت بگه, اما در نظر بگیر چون جاوااسکریپت بر خلاف زبانهای دیگه میتونه چند پردازش رو همزمان انجام بده و اگر نیاز هست کارت بعد از انجام پروسه چک طول عرض انجام بشه باید داخل متد onload ادامه کارتو انجام بدی.

 

متد گرفتن طول و عرض از فایل گرفتن شده از input فایل, هنگام submit شدن فرم در جاوااسکریپت :

 

let image = $(this)[0].files[0];
function check_image_width_height_android_upload(fileF){
    var reader = new FileReader();

    reader.readAsDataURL(fileF);
    reader.onload = function (e) {

        var image = new Image();
        image.src = e.target.result;

        image.onload = function () {
            var height = this.height;
            var width = this.width;
            if (height > 100 || width > 100) {
                alert("طول و عرض نباید بیشتر از 100 پیکس باشد.");
                return false;
            }
            alert("ابعاد تصویر مورد تایید است");
            return true;
        };
    };
}

مقالات پیشنهادی

اندروید

اندروید

اندروید یک سیستم عامل می باشد که توسط گوگل توسعه داده میشود, این سیستم عامل بر پایه نسخه ی اصلاح شده ی هسته ی لینوکس و دیگر نرم افزار های متن باز طراحی شده است و ...

آخرین بروزرسانی 6 ماه 20 روز قبل

هوش مصنوعی

هوش مصنوعی

هوش مصنوعی یا هوش ماشینی, به هوشمندی نشان داده شده توسط ماشین در شرایط مختلف گفته میشود که مقابل هوش طبیعی در انسان ها قرار دارد که ...

آخرین بروزرسانی 6 ماه 22 روز قبل

نود جی اس

نود جی اس

توسعه دهندگان نود جی اس, زبان جاوا اسکریپت را از یک زبان قابل اجرا در مرورگر خارج کرده و به زبانی تبدیل کردن که بتوان آن را بصورت یه اپلیکیشن مستفل اجرا کرد و ...

آخرین بروزرسانی 6 ماه 21 روز قبل

پی اچ پی - PHP

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...

آخرین بروزرسانی 6 ماه 21 روز قبل

logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

سایت سون کلونر به تازگی شروع به کار کرده است و امید می رود تا بتواند پایگاه وسعی از آموزش های رایگان را در دسترس فارسی زبانان قرار دهد.