لود نشدن فرم Modal و نمایش در صفحه سفید

پاسخ هوش مصنوعی

برای جلوگیری از مشکلاتی که هنگام بارگذاری فایل های غیرمجاز (مانند فایل های با پسوند غیر از jpg) پیش می آید، می توانید از بررسی پسوند فایل قبل از بارگذاری استفاده کنید.

در اینجا یک نمونه جاوااسکریپت برای این منظور آورده شده است:

document.getElementById('fileInput').addEventListener('change', function() {
    const file = this.files[0];
    const validExtensions = ['jpg', 'jpeg', 'png'];
    const fileExtension = file.name.split('.').pop().toLowerCase();
    
    if (!validExtensions.includes(fileExtension)) {
        alert('لطفاً یک فایل با پسوند jpg یا png بارگذاری کنید.');
        this.value = ''; // Clear the input
    } else {
        // Proceed with the upload
    }
});

در کد بالا، به هنگام تغییر ورودی فایل، پسوند فایل بررسی می شود. اگر پسوند نامعتبر باشد، پیغام خطا نمایش داده می شود و ورودی فایل پاک می شود.

شما کدهایی که نوشتید رو باید قرار می دادید. الان چجوری ما باید بدونیم شما چیکار کردید؟

ولی با توجه به اینکه میفرمایید وقتی کاربر عکسی جز jpg انتخاب میکنه صفحه بهم میریزه میتونید تگ file رو محدود کنید که فقط کاربر بتونه jpg انتخاب کنه.

<input type="file" id="img" name="img" accept="image/jpg, image/png" />

توسط خاصیت accept در تگ input با تایپ file میتونید مشخص کنید که چه نوع فایلی قابل انتخاب و آپلود باشه.

بهترین کار اینه که با ایجکس یا جاوااسکریپت صحت فایل آپلود شده رو بررسی کنید که صفحه رفرش نشه.

خاصیت accept هم خوبه ولی خب باز هم امکان داره فرمت دیگه ای انتخاب کنه