این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Accept در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Accept در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Accept در HTML
صفت accept مشخص میکند که کاربر اجازه آپلود چه نوع فایل هایی رو دارد، از این صفت فقط میتوان در عنصر ورودی یا Input از نوع فایل یا <“input type=”file> استفاده نمود.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <input type=”file”> |
Free-Learn
مثال از صفت Accept در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : آپلود فقط فایل های Image ( عکس )
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept="image/*"> <input type="submit" value="آپلود کن"> </form> </body> |
مثال شماره ۲ : آپلود فقط فایل های ویدئویی ( فیلم )
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept="video/*"> <input type="submit" value="آپلود کن"> </form> </body> |
مثال شماره ۳ : آپلود فقط فایل های صدا ( صوتی )
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept="audio/*"> <input type="submit" value="آپلود کن"> </form> </body> |
مثال شماره ۴ : آپلود چندین نوع فایل با همدیگه
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept="audio/*,video/*,image/*"> <input type="submit" value="آپلود کن"> </form> </body> |
مثال شماره ۵ : مشخص کردن پسوند دلخواه فایل های قابل قبول برای آپلود
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept=".jpg,.png,.doc"> <input type="submit" value="آپلود کن"> </form> </body> |
مثال شماره ۶ : مشخص کردن نوع رسانه ای فایل های قابل قبول برای آپلود
|
1 2 3 4 5 6 7 8 |
<body> <form action="#"> <input type="file" name="MyFile" accept="image/png,application/msword"> <input type="submit" value="آپلود کن"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت accept در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| accept | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<input accept="File_Extension|audio/*|video/*|image/*|Media_Type"> |
Free-Learn
جدول مقادیر صفت Accept در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| File_Extension | مشخص کردن پسوند یا فرمت فایل مورد نظر مثه ( jpg,.png,.doc. و… ) |
| */audio | یعنی کاربر فقط حق انتخاب فایل های صوتی را دارد |
| */video | یعنی کاربر فقط حق انتخاب فایل های ویدئویی را دارد |
| */image | یعنی کاربر فقط حق انتخاب فایل های عکس / تصویر را دارد |
| Media_Type | مشخص کردن فرمت فایل از طریق نوع رسانه ای یک فایل مثه image/png و.. مشاهده لیست کامل نوع رسانه ای فایل ها |
Free-Learn
نکات و توضیحات
- از این صفت فقط میتوان در عنصر ورودی از نوع فایل یا <“input type=”file> استفاده کرد.
- از این صفت به عنوان اعتبارسنجی آپلود فایل در سمت کاربر استفاده میشه ولی خب شما باید علاوه بر این صفت، باید اعتبارسنجی رو در سمت سرور هم انجام بدید. ( برای بحث امنیت خیلی مهمه )
