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

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

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

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

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

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

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

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

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

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

درباره فایل Robots.txt

این فایل ربات های خزنده موتور های جستجو را راهنمایی می کنند و به آنان می فهماند که چه دایرکتوری و لینک هایی قابل بررسی و چه دایرکتوری و لینک هایی غیرقابل برررسی می باشند...


۷۵۵
۰
۲ دی ۱۳۹۹

هک و امنیت

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


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

وردپرس

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


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

پی اچ پی - 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