FileUpload — بارگذاری فایل

بارگذاری فایل برای پیوست مدرک، تصاویر ایده یا تصویر پروفایل. کامپوننت فایل‌ها را انتخاب، پیش‌نمایش و اعتبارسنجی می‌کند؛ ارسال به سرور با خود شماست. برای متن از Input استفاده کنید.

وضعیت: beta · لایه: ۳ () · کد:

TSX

import { FileUpload } from '@tokapps/tuk';

نمونهٔ زنده

پیوست مدرک

فایل را اینجا رها کنید یاapplication/pdf، image/* · ۵ مگابایت

PDF یا تصویر، حداکثر ۵ مگابایت

تصاویر ایده

فایل را اینجا رها کنید یاimage/*

مدرک

فایل را اینجا رها کنید یا

گزارش-مالی-1405.pdf۱ بایت

مدرک

فایل را اینجا رها کنید یا

بارگذاری مدرک الزامی است

مدرک

فایل را اینجا رها کنید یا

مدرک

فایل را اینجا رها کنید یا

تصاویر ایده

فایل را اینجا رها کنید یا۵ مگابایت

تا شش تصویر، هر کدام حداکثر ۵ مگابایت

تصاویر ایده

فایل را اینجا رها کنید یا

تصویر پروفایل

۲ مگابایتJPG یا PNG، مربع، حداکثر ۲ مگابایت

تصویر پروفایل

تصویر کاور

فایل را اینجا رها کنید یا

یک تصویر؛ پس از انتخاب، برش و چرخش و اندازه فعال می‌شود

تصویر کاور ۱۶:۹

فایل را اینجا رها کنید یا

در حال آپلود

فایل را اینجا رها کنید یا

تصویر پروفایل

پلی‌گراند پیکربندی

هر پیکربندی را تغییر دهید؛ پیش‌نمایش و کد قابل‌کپی همزمان به‌روز می‌شوند.

شکل:

برچسب (label)توضیح (description)

نوع فایل (accept):

حجم هر فایل (maxSize):

چند فایل (multiple)

سقف تعداد (maxFiles):

نامعتبر (isInvalid)غیرفعال (isDisabled)پردازش (isLoading)ویرایشگر تصویر (imageEditor)

تصاویر ایده

فایل را اینجا رها کنید یاimage/* · ۵ مگابایت

تا شش تصویر، هر کدام حداکثر ۵ مگابایت

کد قابل کپی (همین پیکربندی)

code

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصاویر ایده"  description="تا شش تصویر، هر کدام حداکثر ۵ مگابایت"  accept={['image/*']}  multiple  maxFiles={6}  maxSize={5 * 1024 * 1024}/>

ویرایشگر تصویر (برش، چرخش، تغییر اندازه)

وقتی فیلد فقط یک تصویر دارد و دیگر فایلی برای افزودن نیست (تک‌فایل، یا سقف تعداد پر شده)، به‌جای ناحیهٔ رها کردن، پیش‌نمایش و ابزارهای ویرایش نمایش داده می‌شود. آواتار همیشه این حالت را دارد و کادر برش آن با نسبت ۱:۱ دایره‌ای است. «اعمال» فایل ویرایش‌شده را به می‌دهد؛ «انصراف» چرخش و نسبت را به حالت اولیه برمی‌گرداند و «حذف تصویر» فایل را برمی‌دارد.

ویرایشگر سفارشی: فقط نسبت ۱۶:۹، بدون چرخش، خروجی WebP

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصویر کاور ۱۶:۹"  multiple={false}  imageEditor={{    aspectRatios: [16 / 9],    defaultAspect: 16 / 9,    rotate: false,    resize: { maxWidth: 1600 },    output: { type: 'image/webp', quality: 0.85 },  }}  onChange={([cover]) => setCover(cover)}/>

خاموش کردن ویرایشگر

TSX

<FileUpload variant="avatar" label="تصویر پروفایل" imageEditor={false} onChange={setAvatar} />

شکل‌ها ()

شکل	کاربرد	رفتار
(پیش‌فرض)	مدرک، پیوست	ناحیهٔ رها کردن و فهرست فایل‌ها با نام، حجم و حذف
	تصاویر ایده، گالری	شبکهٔ مربع پیش‌نمایش؛ هر تصویر دکمهٔ حذف دارد و ناحیهٔ رها کردن زیر آن است
	تصویر پروفایل	دایرهٔ تصویر با نشان دوربین؛ کلیک یا رها کردن تصویر آن را عوض می‌کند. همیشه تک‌فایل است

کد قابل کپی

مدرک PDF یا تصویر تا ۵ مگابایت

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  label="پیوست مدرک"  accept={['application/pdf', 'image/*']}  maxSize={5 * 1024 * 1024}  description="PDF یا تصویر، حداکثر ۵ مگابایت"  onChange={setFiles}  onReject={(rejected) => toast({ tone: 'warning', title: `${rejected.length} فایل پذیرفته نشد` })}/>

گالری تصاویر با پیش‌نمایش

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصاویر ایده"  multiple  maxFiles={6}  maxSize={5 * 1024 * 1024}  description="تا شش تصویر، هر کدام حداکثر ۵ مگابایت"  onChange={setImages}/>

تصویر پروفایل با آپلود و حالت پردازش

TSX

import { useState } from 'react';import { FileUpload } from '@tokapps/tuk';const [avatar, setAvatar] = useState<File[]>([]);const [uploading, setUploading] = useState(false);async function handleAvatar(files: File[]) {  setAvatar(files);  if (!files[0]) return;  setUploading(true);  try {    const body = new FormData();    body.append('avatar', files[0]);    await fetch('/api/avatar', { method: 'POST', body });  } finally {    setUploading(false);  }}<FileUpload  variant="avatar"  label="تصویر پروفایل"  maxSize={2 * 1024 * 1024}  description="JPG یا PNG، حداکثر ۲ مگابایت"  value={avatar}  isLoading={uploading}  onChange={handleAvatar}/>

ارسال با FormData (بعد از انتخاب)

TSX

async function send(files: File[]) {  const body = new FormData();  files.forEach((file) => body.append('attachments', file));  await fetch('/api/attachments', { method: 'POST', body });}<FileUpload label="مدرک" value={files} onChange={(next) => { setFiles(next); void send(next); }} />

همهٔ پیکربندی‌ها

پراپ	نوع	پیش‌فرض	توضیح
	· ·		شکل نمایش؛ در چند فایل نادیده گرفته می‌شود.
		—	برچسب قابل‌مشاهده. اگر نباشد بدهید.
		—	نام دسترسی برای فیلد بدون برچسب قابل‌مشاهده.
		—	توضیح زیر برچسب.
		—	پیام خطا؛ فقط با .
		و :	نوع‌های مجاز: MIME (، ) یا پسوند ().
			چند فایل هم‌زمان (در اثری ندارد).
		—	سقف تعداد فایل؛ فقط با .
	(بایت)	—	حداکثر حجم هر فایل. = ۵ مگابایت.
/		—	فایل‌های انتخاب‌شده (کنترل‌شده یا اولیه).
		—	با افزودن یا حذف فایل.
		—	فایل‌های ردشده با : ، یا .
			حالت خطا روی ناحیه.
			غیرفعال.
			حالت پردازش: حاشیه و سایهٔ هفت‌رنگ چرخان روشن می‌شود و آیکون می‌چرخد.
	·		ویرایشگر تصویر تک‌فایل. خاموش؛ آبجکت گزینه‌ها (جدول زیر).
		فارسی	متن‌های قابل‌ترجمه: ، ، ، ، ، ، ، ، ، و (عنوان، نسبت‌ها، چرخش، عرض، اعمال، انصراف، حذف تصویر).
		—	فقط قابل‌تنظیم است؛ افزودن ، رد شدن و حذف ثابت‌اند.
		—	مقصد اختصاصی صدا.
	·		پیش‌فرض ناحیهٔ بارگذاری در چاپ پنهان است؛ فهرست فایل‌ها با چاپ می‌شود.
		—	کلاس روی ریشه.

ImageEditorOptions (داخل )

نوع	پیش‌فرض	توضیح
		کادر برش با جابه‌جایی ماوس/کیبورد و دستگیره‌های گوشه.
		چرخش ۹۰ درجه به چپ و راست و تنظیم دقیق با نوار لغزان.
·		عرض خروجی؛ ارتفاع از نسبت برش محاسبه می‌شود. سقف‌ها را اینجا بگذارید.
	(آواتار: )	نسبت‌هایی که کاربر انتخاب می‌کند. عدد = عرض ÷ ارتفاع.
	(آواتار: )	نسبت اولیه.
	نوع اصلی (SVG و سایر: JPEG)	فرمت فایل خروجی.
(۰ تا ۱)		کیفیت JPEG و WebP.

FileRejection (داخل )

فیلد	نوع	معنی
		نام فایل ردشده
	· ·	نوع نشده، حجم بیشتر از ، یا بیش از

حالت‌ها

حالت	نمایش
بیکار	ناحیهٔ خط‌چین با متن «کشیدن و رها کردن» و دکمهٔ «انتخاب فایل»
فعال (فایل روی ناحیه)	حاشیه و پس‌زمینهٔ اکسنت
با فایل	فهرست فایل‌ها ()، شبکهٔ پیش‌نمایش () یا تصویر دایره‌ای ()
پردازش ()	حاشیهٔ هفت‌رنگ چرخان و هالهٔ رنگین‌کمانی بیرون ناحیه؛ آیکون هم می‌چرخد
	حاشیهٔ خطا، آیکون و پیام
	کدری و قفل

حالت پردازش

حاشیه و سایهٔ ناحیه همان حلقهٔ هفت‌رنگ (با ) را دارند؛ هالهٔ بیرونی تار است و همان چرخش را دنبال می‌کند.
با چرخش متوقف می‌شود و رنگ‌ها ثابت می‌مانند؛ وضعیت متنی با و پیام هم اعلام می‌شود.
در کنتراست بالا رنگین‌کمان به یک کمان تک‌رنگ و هاله حذف می‌شود.

RTL و کیبورد

فهرست فایل‌ها در RTL از راست نوشته می‌شود؛ نام فایل لاتین با مناسب نمایش داده می‌شود.
ناحیه با قابل‌فوکوس است؛ یا پنجرهٔ انتخاب فایل را باز می‌کند. در خود دایره دکمهٔ انتخاب است.
دکمهٔ حذف هر فایل برچسبی مثل «حذف» به‌همراه نام همان فایل دارد؛ دکمهٔ تصویر آواتار «تغییر تصویر» است.
افزودن و حذف در ناحیهٔ وضعیت با اعلام می‌شوند و رد شدن فایل‌ها با .

صدا، حرکت، چاپ

صدا: هنگام افزودن، هنگام رد شدن و هنگام حذف. هر کدام معادل بصری دارد (فهرست یا پیام خطا). پیش‌فرض بی‌صداست مگر در Provider صدا فعال باشد.
حرکت: حلقهٔ پردازش از توکن‌های می‌آید؛ در کاهش حرکت بدون چرخش.
چاپ: ناحیهٔ بارگذاری پنهان و فهرست فایل‌ها قابل چاپ است.

توکن‌ها

کامپوننتی: (پس‌زمینه و حاشیه در حالت فعال و خطا، شعاع، فاصلهٔ داخلی، حداقل ارتفاع)، (فهرست)، و (شبکهٔ تصویر)، و (آواتار)، ، ، ، ، .
ویرایشگر: ، ، ، ؛ رنگ پوشش بیرون برش .
پردازش: ، ، (تعریف در ).
تعریف در ؛ فهرست کامل در .

نکات

فایل‌ها در حافظهٔ مرورگر هستند تا ارسال شوند؛ فایل‌های بسیار بزرگ را با محدود کنید.
پیش‌نمایش تصویر با ساخته و با تغییر فهرست یا جدا شدن کامپوننت آزاد می‌شود.
نوع فایل را با محدود کنید؛ اعتبارسنجی سرور همچنان لازم است، چون قابل دور زدن است.
برش (کراپ) تصویر انجام نمی‌شود؛ اگر لازم است، پیش از در برنامه انجام دهید.

FileUpload — بارگذاری فایل

وضعیت: beta · لایه: ۳ () · کد:

TSX

import { FileUpload } from '@tokapps/tuk';

نمونهٔ زنده

پیوست مدرک

فایل را اینجا رها کنید یاapplication/pdf، image/* · ۵ مگابایت

PDF یا تصویر، حداکثر ۵ مگابایت

تصاویر ایده

فایل را اینجا رها کنید یاimage/*

مدرک

فایل را اینجا رها کنید یا

گزارش-مالی-1405.pdf۱ بایت

مدرک

فایل را اینجا رها کنید یا

بارگذاری مدرک الزامی است

مدرک

فایل را اینجا رها کنید یا

مدرک

فایل را اینجا رها کنید یا

تصاویر ایده

فایل را اینجا رها کنید یا۵ مگابایت

تا شش تصویر، هر کدام حداکثر ۵ مگابایت

تصاویر ایده

فایل را اینجا رها کنید یا

تصویر پروفایل

۲ مگابایتJPG یا PNG، مربع، حداکثر ۲ مگابایت

تصویر پروفایل

تصویر کاور

فایل را اینجا رها کنید یا

یک تصویر؛ پس از انتخاب، برش و چرخش و اندازه فعال می‌شود

تصویر کاور ۱۶:۹

فایل را اینجا رها کنید یا

در حال آپلود

فایل را اینجا رها کنید یا

تصویر پروفایل

پلی‌گراند پیکربندی

هر پیکربندی را تغییر دهید؛ پیش‌نمایش و کد قابل‌کپی همزمان به‌روز می‌شوند.

شکل:

برچسب (label)توضیح (description)

نوع فایل (accept):

حجم هر فایل (maxSize):

چند فایل (multiple)

سقف تعداد (maxFiles):

نامعتبر (isInvalid)غیرفعال (isDisabled)پردازش (isLoading)ویرایشگر تصویر (imageEditor)

تصاویر ایده

فایل را اینجا رها کنید یاimage/* · ۵ مگابایت

تا شش تصویر، هر کدام حداکثر ۵ مگابایت

کد قابل کپی (همین پیکربندی)

code

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصاویر ایده"  description="تا شش تصویر، هر کدام حداکثر ۵ مگابایت"  accept={['image/*']}  multiple  maxFiles={6}  maxSize={5 * 1024 * 1024}/>

ویرایشگر تصویر (برش، چرخش، تغییر اندازه)

ویرایشگر سفارشی: فقط نسبت ۱۶:۹، بدون چرخش، خروجی WebP

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصویر کاور ۱۶:۹"  multiple={false}  imageEditor={{    aspectRatios: [16 / 9],    defaultAspect: 16 / 9,    rotate: false,    resize: { maxWidth: 1600 },    output: { type: 'image/webp', quality: 0.85 },  }}  onChange={([cover]) => setCover(cover)}/>

خاموش کردن ویرایشگر

TSX

<FileUpload variant="avatar" label="تصویر پروفایل" imageEditor={false} onChange={setAvatar} />

شکل‌ها ()

شکل	کاربرد	رفتار
(پیش‌فرض)	مدرک، پیوست	ناحیهٔ رها کردن و فهرست فایل‌ها با نام، حجم و حذف
	تصاویر ایده، گالری	شبکهٔ مربع پیش‌نمایش؛ هر تصویر دکمهٔ حذف دارد و ناحیهٔ رها کردن زیر آن است
	تصویر پروفایل	دایرهٔ تصویر با نشان دوربین؛ کلیک یا رها کردن تصویر آن را عوض می‌کند. همیشه تک‌فایل است

کد قابل کپی

مدرک PDF یا تصویر تا ۵ مگابایت

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  label="پیوست مدرک"  accept={['application/pdf', 'image/*']}  maxSize={5 * 1024 * 1024}  description="PDF یا تصویر، حداکثر ۵ مگابایت"  onChange={setFiles}  onReject={(rejected) => toast({ tone: 'warning', title: `${rejected.length} فایل پذیرفته نشد` })}/>

گالری تصاویر با پیش‌نمایش

TSX

import { FileUpload } from '@tokapps/tuk';<FileUpload  variant="image"  label="تصاویر ایده"  multiple  maxFiles={6}  maxSize={5 * 1024 * 1024}  description="تا شش تصویر، هر کدام حداکثر ۵ مگابایت"  onChange={setImages}/>

تصویر پروفایل با آپلود و حالت پردازش

TSX

import { useState } from 'react';import { FileUpload } from '@tokapps/tuk';const [avatar, setAvatar] = useState<File[]>([]);const [uploading, setUploading] = useState(false);async function handleAvatar(files: File[]) {  setAvatar(files);  if (!files[0]) return;  setUploading(true);  try {    const body = new FormData();    body.append('avatar', files[0]);    await fetch('/api/avatar', { method: 'POST', body });  } finally {    setUploading(false);  }}<FileUpload  variant="avatar"  label="تصویر پروفایل"  maxSize={2 * 1024 * 1024}  description="JPG یا PNG، حداکثر ۲ مگابایت"  value={avatar}  isLoading={uploading}  onChange={handleAvatar}/>

ارسال با FormData (بعد از انتخاب)

TSX

async function send(files: File[]) {  const body = new FormData();  files.forEach((file) => body.append('attachments', file));  await fetch('/api/attachments', { method: 'POST', body });}<FileUpload label="مدرک" value={files} onChange={(next) => { setFiles(next); void send(next); }} />

همهٔ پیکربندی‌ها

پراپ	نوع	پیش‌فرض	توضیح
	· ·		شکل نمایش؛ در چند فایل نادیده گرفته می‌شود.
		—	برچسب قابل‌مشاهده. اگر نباشد بدهید.
		—	نام دسترسی برای فیلد بدون برچسب قابل‌مشاهده.
		—	توضیح زیر برچسب.
		—	پیام خطا؛ فقط با .
		و :	نوع‌های مجاز: MIME (، ) یا پسوند ().
			چند فایل هم‌زمان (در اثری ندارد).
		—	سقف تعداد فایل؛ فقط با .
	(بایت)	—	حداکثر حجم هر فایل. = ۵ مگابایت.
/		—	فایل‌های انتخاب‌شده (کنترل‌شده یا اولیه).
		—	با افزودن یا حذف فایل.
		—	فایل‌های ردشده با : ، یا .
			حالت خطا روی ناحیه.
			غیرفعال.
			حالت پردازش: حاشیه و سایهٔ هفت‌رنگ چرخان روشن می‌شود و آیکون می‌چرخد.
	·		ویرایشگر تصویر تک‌فایل. خاموش؛ آبجکت گزینه‌ها (جدول زیر).
		فارسی	متن‌های قابل‌ترجمه: ، ، ، ، ، ، ، ، ، و (عنوان، نسبت‌ها، چرخش، عرض، اعمال، انصراف، حذف تصویر).
		—	فقط قابل‌تنظیم است؛ افزودن ، رد شدن و حذف ثابت‌اند.
		—	مقصد اختصاصی صدا.
	·		پیش‌فرض ناحیهٔ بارگذاری در چاپ پنهان است؛ فهرست فایل‌ها با چاپ می‌شود.
		—	کلاس روی ریشه.

ImageEditorOptions (داخل )

نوع	پیش‌فرض	توضیح
		کادر برش با جابه‌جایی ماوس/کیبورد و دستگیره‌های گوشه.
		چرخش ۹۰ درجه به چپ و راست و تنظیم دقیق با نوار لغزان.
·		عرض خروجی؛ ارتفاع از نسبت برش محاسبه می‌شود. سقف‌ها را اینجا بگذارید.
	(آواتار: )	نسبت‌هایی که کاربر انتخاب می‌کند. عدد = عرض ÷ ارتفاع.
	(آواتار: )	نسبت اولیه.
	نوع اصلی (SVG و سایر: JPEG)	فرمت فایل خروجی.
(۰ تا ۱)		کیفیت JPEG و WebP.

FileRejection (داخل )

فیلد	نوع	معنی
		نام فایل ردشده
	· ·	نوع نشده، حجم بیشتر از ، یا بیش از

حالت‌ها

حالت	نمایش
بیکار	ناحیهٔ خط‌چین با متن «کشیدن و رها کردن» و دکمهٔ «انتخاب فایل»
فعال (فایل روی ناحیه)	حاشیه و پس‌زمینهٔ اکسنت
با فایل	فهرست فایل‌ها ()، شبکهٔ پیش‌نمایش () یا تصویر دایره‌ای ()
پردازش ()	حاشیهٔ هفت‌رنگ چرخان و هالهٔ رنگین‌کمانی بیرون ناحیه؛ آیکون هم می‌چرخد
	حاشیهٔ خطا، آیکون و پیام
	کدری و قفل

حالت پردازش

حاشیه و سایهٔ ناحیه همان حلقهٔ هفت‌رنگ (با ) را دارند؛ هالهٔ بیرونی تار است و همان چرخش را دنبال می‌کند.
با چرخش متوقف می‌شود و رنگ‌ها ثابت می‌مانند؛ وضعیت متنی با و پیام هم اعلام می‌شود.
در کنتراست بالا رنگین‌کمان به یک کمان تک‌رنگ و هاله حذف می‌شود.

RTL و کیبورد

فهرست فایل‌ها در RTL از راست نوشته می‌شود؛ نام فایل لاتین با مناسب نمایش داده می‌شود.
ناحیه با قابل‌فوکوس است؛ یا پنجرهٔ انتخاب فایل را باز می‌کند. در خود دایره دکمهٔ انتخاب است.
دکمهٔ حذف هر فایل برچسبی مثل «حذف» به‌همراه نام همان فایل دارد؛ دکمهٔ تصویر آواتار «تغییر تصویر» است.
افزودن و حذف در ناحیهٔ وضعیت با اعلام می‌شوند و رد شدن فایل‌ها با .

صدا، حرکت، چاپ

صدا: هنگام افزودن، هنگام رد شدن و هنگام حذف. هر کدام معادل بصری دارد (فهرست یا پیام خطا). پیش‌فرض بی‌صداست مگر در Provider صدا فعال باشد.
حرکت: حلقهٔ پردازش از توکن‌های می‌آید؛ در کاهش حرکت بدون چرخش.
چاپ: ناحیهٔ بارگذاری پنهان و فهرست فایل‌ها قابل چاپ است.

توکن‌ها

کامپوننتی: (پس‌زمینه و حاشیه در حالت فعال و خطا، شعاع، فاصلهٔ داخلی، حداقل ارتفاع)، (فهرست)، و (شبکهٔ تصویر)، و (آواتار)، ، ، ، ، .
ویرایشگر: ، ، ، ؛ رنگ پوشش بیرون برش .
پردازش: ، ، (تعریف در ).
تعریف در ؛ فهرست کامل در .

نکات

فایل‌ها در حافظهٔ مرورگر هستند تا ارسال شوند؛ فایل‌های بسیار بزرگ را با محدود کنید.
پیش‌نمایش تصویر با ساخته و با تغییر فهرست یا جدا شدن کامپوننت آزاد می‌شود.
نوع فایل را با محدود کنید؛ اعتبارسنجی سرور همچنان لازم است، چون قابل دور زدن است.
برش (کراپ) تصویر انجام نمی‌شود؛ اگر لازم است، پیش از در برنامه انجام دهید.

FileUpload — بارگذاری فایل

نمونهٔ زنده

پلی‌گراند پیکربندی

ویرایشگر تصویر (برش، چرخش، تغییر اندازه)

ویرایشگر سفارشی: فقط نسبت ۱۶:۹، بدون چرخش، خروجی WebP

خاموش کردن ویرایشگر

شکل‌ها (variantکپی کدکپی کد)

کد قابل کپی

مدرک PDF یا تصویر تا ۵ مگابایت

گالری تصاویر با پیش‌نمایش

تصویر پروفایل با آپلود و حالت پردازش

ارسال با FormData (بعد از انتخاب)

همهٔ پیکربندی‌ها

ImageEditorOptions (داخل imageEditorکپی کدکپی کد)

FileRejection (داخل onRejectکپی کدکپی کد)

حالت‌ها

حالت پردازش

RTL و کیبورد

صدا، حرکت، چاپ

توکن‌ها

نکات

FileUpload — بارگذاری فایل

نمونهٔ زنده

پلی‌گراند پیکربندی

ویرایشگر تصویر (برش، چرخش، تغییر اندازه)

ویرایشگر سفارشی: فقط نسبت ۱۶:۹، بدون چرخش، خروجی WebP

خاموش کردن ویرایشگر

شکل‌ها (variantکپی کدکپی کد)

کد قابل کپی

مدرک PDF یا تصویر تا ۵ مگابایت

گالری تصاویر با پیش‌نمایش

تصویر پروفایل با آپلود و حالت پردازش

ارسال با FormData (بعد از انتخاب)

همهٔ پیکربندی‌ها

ImageEditorOptions (داخل imageEditorکپی کدکپی کد)

FileRejection (داخل onRejectکپی کدکپی کد)

حالت‌ها

حالت پردازش

RTL و کیبورد

صدا، حرکت، چاپ

توکن‌ها

نکات

شکل‌ها ()

ImageEditorOptions (داخل )

FileRejection (داخل )

شکل‌ها ()

ImageEditorOptions (داخل )

FileRejection (داخل )