چجوری میتونم کنترل کنم که فایلی که کاربر برای آپلود انتخاب کرده اندازه اش چقدر هست ؟ میخوام مثلا شرط بذارم که فایلهای بیشتر از 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
- بازدید :
831
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4055
- پاسخ :
1
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
367
- پاسخ :
4
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
472
- پاسخ :
1
|
تاریخ :
1398/08/21
- ساعت :
03:53:00 PM
- بازدید :
2611
- پاسخ :
1
|
تاریخ :
1398/08/03
- ساعت :
10:17:00 PM
- بازدید :
15814
- پاسخ :
4
|
تاریخ :
1402/04/30
- ساعت :
08:10:00 AM
- بازدید :
651
- پاسخ :
2
|
تاریخ :
1398/08/18
- ساعت :
12:16:00 PM
- بازدید :
2370
- پاسخ :
2
|
تاریخ :
1399/10/20
- ساعت :
01:57:00 PM
- بازدید :
4316
- پاسخ :
1
|
تاریخ :
1399/07/25
- ساعت :
02:58:00 AM
- بازدید :
7840
- پاسخ :
1
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
196
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1056
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
104
- پاسخ :
0
|
تاریخ :
1403/01/06
- ساعت :
05:14:00 PM
- بازدید :
70
- پاسخ :
1
|
تاریخ :
1403/01/07
- ساعت :
01:45:00 AM
- بازدید :
44
- پاسخ :
0
|
تاریخ :
1398/07/19
- ساعت :
11:16:00 PM
- بازدید :
2951
- پاسخ :
2
|
تاریخ :
1398/08/21
- ساعت :
03:45:00 AM
- بازدید :
2290
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7292
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
86
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
113
- پاسخ :
1
|