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

بروز شد ۳ سال ۹ ماه قبل توسط ناصر جوان

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

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

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

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

سلام خدمت شما دوست عزیز برای حل این مشکل من یک متد رو پایین برات قرار میدم, که باید تصویری رو که از فرم به عنوان فایل میگیری بهش پاس بدی تا طول و عرض رو بهت بگه, اما در نظر بگیر چون جاوااسکریپت بر خلاف زبانهای دیگه میتونه چند پردازش رو همزمان انجام بده و اگر نیاز هست کارت بعد از انجام پروسه چک طول عرض انجام بشه باید داخل متد 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;
        };
    };
}

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دوره های پیشنهادی

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

پی اچ پی - PHP

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


۹۴۳
۰
۱۳ آذر ۱۳۹۹

اندروید

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


۱۰۵۴
۰
۲۹ آبان ۱۳۹۹

هوش مصنوعی

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


۸۶۰
۰
۱۱ آذر ۱۳۹۹

وردپرس

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


۸۰۵
۰
۱۳ آذر ۱۳۹۹

Fatal error: Uncaught wfWAFStorageFileException: Unable to verify temporary file contents for atomic writing. in /home/clonerco/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:52 Stack trace: #0 /home/clonerco/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(659): wfWAFStorageFile::atomicFilePutContents('/home/clonerco/...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/clonerco/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 52