چجوری میتونم کنترل کنم که فایلی که کاربر برای آپلود انتخاب کرده اندازه اش چقدر هست ؟ میخوام مثلا شرط بذارم که فایلهای بیشتر از 1 مگابایت آپلود نشه.
<input type="file" id="files" name="files" />
برای اینکه بتونید اندازه فایل انتخاب شده توسط کاربر رو کنترل کنید به مثال زیر دقت کنید :
<input type="file" id="files" name="files" />
<input type="button" onclick="UploadFile()" value="آپلود" class="btn" />
در کدهای بالا 2 تگ input داریم. تگ اول برای انتخاب یک فایل از local می باشد و توسط تگ دوم که در واقع یک button می باشد برای آپلود فایل انتخاب شده روی سرور استفاده می شود.
<script>
var UploadFile = function () {
var data = new FormData;
//نگهداری فایل انتخاب شده در متغیر
var file = $("#files").get(0);
//تبدیل فایل انتخاب شده به یک آرایه باینری
var files = file.files;
//کنترل سایز فایل
if (files[0].size >= 1048576) {
consol.log('حجم فایل انتخابی بیشتر از 1 مگابایت است');
return false;
}
</script>
بعد از اینکه کاربر فایل را انتخاب کرد و روی دکمه آپلود کلیک کرد تابع UploadFile اجرا می شود. در این تابع در ابتدا فایل انتخاب شده رو به یک آرایه باینری تبدیل می کنیم. در ادامه به راحتی و توسط تابع size میتوانیم اندازه فایل را کنترل کنیم.
دقت کنید که تابع size اندازه فایل را بر اساس byte کنترل می کند. بنابراین برای اینکه کنترل کنیم حجم فایل 1 مگابایت بیشتر نیست باید 1 * 1024 * 1024 کنیم تا به صورت بایت مقدار را به دست بیاوریم.
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
970
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4229
- پاسخ :
1
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
544
- پاسخ :
4
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
543
- پاسخ :
1
|
تاریخ :
1398/08/21
- ساعت :
03:53:00 PM
- بازدید :
2731
- پاسخ :
1
|
تاریخ :
1398/08/03
- ساعت :
10:17:00 PM
- بازدید :
16046
- پاسخ :
4
|
تاریخ :
1402/04/30
- ساعت :
08:10:00 AM
- بازدید :
725
- پاسخ :
2
|
تاریخ :
1398/08/18
- ساعت :
12:16:00 PM
- بازدید :
2470
- پاسخ :
2
|
تاریخ :
1399/10/20
- ساعت :
01:57:00 PM
- بازدید :
4460
- پاسخ :
1
|
تاریخ :
1399/07/25
- ساعت :
02:58:00 AM
- بازدید :
8018
- پاسخ :
1
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
191
- پاسخ :
2
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
23
- پاسخ :
0
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
75
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
122
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
75
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
167
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
100
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
284
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1220
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1171
- پاسخ :
0
|