سلام دوستان
من یک input دارم که کاربر میتونه هر چندتا فایل آپلود کنه و من می خوام محدودیت بزارم که هر موردی که انتخاب کرد اگر از 10 مگابایت بیشتر بود یک alert نشون بده و بعدش اون مورد از حالت انتخاب خارج بشه
این کد input من هست
<input id="attach_files" type="file" class="custom-file-input" name="attach_files[]" accept="image/*,audio/*,video/*,.pdf ,.csv,.xlsx,.xls,.doc,.docx,.ppt ,.pptx,.txt">
این هم کد jquery
<script type="text/javascript">
$('#attach_files').bind('change', function() {
size = this.files[0].size/1024/1024;
if(size > 10){
alert('حجم فایل انتخاب شده : ' + this.files[0].size/1024/1024 + "MiB");
}
});
</script>
کدی که من نوشتم وقتی اولین بار فایل بالای 10 مگ انتخاب می کنی یه alert نشون میده ولی تو حالت انتخاب میمونه و دفعه های بعدی دیگه چک نمی کنه
من در ادامه اومدم گفتم
$this.val='';
ولی بازم تو حالت انتخاب میمونه زیاد از جاوااسکریپت سر در نمیارم
مشکل منم همینه هر کاری میکنم نمیتونم المان هایی که توسط جی کوئری ساخته شدن رو انتخاب کنم
@hosseinshirinegad98
یه قانون برای اسم گذاری اونها انتخاب کنید بعد به همون روش اونارو انتخاب کنید.
مثلا اولی میشه file_1
دومی که ساخته میشه بهش آدی file_2 میدی و همینطور ادامه داره