magicfile icon وبسایت فایل سحرآمیز - magicfile.ir

اسکریپت آپلود چندین فایل با استفاده کشیدن و رها کردن در javascript - php

اسکریپت آپلود-چندین-فایل-با-استفاده-کشیدن-و-رها-کردن-در-javascript---php
لینک کوتاه : https://magicfile.ir/?p=2554
توضیحات کوتاه و لینک دانلود
امروز در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک اسکریپت آپلود چندین فایل با استفاده کشیدن و رها کردن در javascript - php را آماده دانلود قرار داده ایم.

دانلود - Download

لیست فایل های مشابه


رضایت کاربران از دانلود فایل
پیشنهاد
334
تعداد دانلود
233
رضایت مندی
92%
کم متوسط زیاد
توضیحات کامل در مورد فایل

دانلود اسکریپت آپلود چندین فایل با استفاده کشیدن و رها کردن در javascript - php

در این پست، نحوه ایجاد یا پیاده سازی یک بارگذاری فایل Drag and Drop با استفاده از جاوا اسکریپت خالص را دریافت خواهید کرد . این فایلعمدتاً با هدف ارائه مرجعی به دانشجویان IT/CS و برنامه نویسان جدید برای رسیدگی به آپلود فایل در سمت مشتری و سرور است.

بارگذاری فایل با کشیدن و رها کردن چیست؟

بارگذاری فایل با کشیدن و رها کردن، فرآیندی برای مدیریت آپلود فایل در سمت مشتری است. این به کاربر نهایی یک سیستم یا پلتفرم خاص اجازه می‌دهد تا به سادگی فایل‌هایی را که می‌خواهد آپلود کند، بکشد و به یک منطقه رها کردن فایل خاص در صفحه پلتفرم رها کند.

چگونه با استفاده از جاوا اسکریپت یک فایل Drag-and-Drop ایجاد کنیم؟

قابلیت کشیدن و رها کردن را می توان با استفاده از جاوا اسکریپت EventListeners به ​​دست آورد . در اینجا شنونده های رویداد زیر وجود دارد که می توان از آنها برای دستیابی به عملکرد مذکور استفاده کرد:

  • ondragover
    • این شنونده رویداد شما را قادر می‌سازد تا یک فرآیند، توابع یا دستکاری‌هایی ایجاد کنید که وقتی فایل کشیده شده روی قسمت drop zone شناور می‌شود، فعال می‌شوند.
  • ondragleave
    • این شنونده رویداد شما را قادر می سازد یک فرآیند، توابع یا دستکاری هایی ایجاد کنید که با خروج فایل کشیده شده از قسمت drop zone فعال می شوند.
  • ondrop
    • این شنونده رویداد شما را قادر می‌سازد تا یک فرآیند، توابع یا دستکاری‌هایی ایجاد کنید که وقتی فایل کشیده شده در قسمت drop zone رها می‌شود، فعال می‌شوند.

مثال

در اینجا قطعه کد منبع برنامه های کاربردی وب ساده است که بارگذاری چند فایل را با کشیدن و رها کردن با یک نوار پیشرفت با استفاده از 3 شنونده رویداد ذکر شده در بالا نشان می دهد. این برنامه به کاربران نهایی اجازه می دهد تا چندین فایل را با کشیدن و رها کردن فایل ها در منطقه رها کردن برنامه آپلود کنند. فرآیند آپلود در سرور با استفاده از درخواست JS HTTP و اسکریپت PHP اجرا خواهد شد .

رابط

این فایل یک اسکریپت ترکیبی PHP و HTML برای نمایش ناحیه افت فایل و فایل های آپلود شده است. من از Bootstrap v5 و Fontawesome Icons برای طراحی رابط استفاده کردم.

برای شما کاربر عزیز پیشنهاد دانلود داده می شود

فایل های که ممکن است نیاز داشته باشید

نظرات کاربران

کد امنیتی

ارسال کننده نظر شقايق - 2023/2/19 2:50:43 am
درود و عرض ادب، بنده دنبال اين فايل بود و در سايت شما دانلود کردم ممنون از مطالب خوبتون
 
پاسخ پشتیبانی فایل سحر آمیز
سلام بزرگواريد
 
ارسال کننده نظر پادينا - 2023/2/17 4:50:56 pm
من که دانلود کردم خدا خيرتون بده عالي بود مرسي
 
پاسخ پشتیبانی فایل سحر آمیز
با سلام سپاسگزارم
 
ارسال کننده نظر حسن - 2023/2/06 3:46:12 am
سلام و خداقوت براي اينکه اين فايل را براي دانلود قرار داديد دانلود کردم عالي بود
 
پاسخ پشتیبانی فایل سحر آمیز
سلام بزرگواريد
 

لیست فایل های ویژه وبسایت

دانلود-نرم-افزار-ترجمه-خودکار-فایل-های-po-,-pot-بصورت-کامل-برای-تمامی-زبان-ها-از-جمله-فارسی
دانلود نرم افزار ترجمه خودکار فایل های po , pot بصورت کامل برای تمامی زبان ها از جمله فارسی

دانلود-نرم-افزار-تبدیل-فایل-متنی-تکست-txt-به-وی‌سی‌اف-vcf-(مخاطب-موبایل)
دانلود نرم افزار تبدیل فایل متنی تکست txt به وی‌سی‌اف vcf (مخاطب موبایل)

بهترین-سرویس-پوش-نوتیفیکیشن-اسکریپت-مدیریت-اعلان-و-ساخت-پوش-نوتیفیکیشن-سایت-و-ارسال-پوش-از-طریق-php
بهترین سرویس پوش نوتیفیکیشن اسکریپت مدیریت اعلان و ساخت پوش نوتیفیکیشن سایت و ارسال پوش از طریق php

دانلود-نرم-افزار-تغییر-زبان-سورس-و-کد-ویژوال-استودیو-(عناصر-دیزاین-طراحی-فرم-ها)
دانلود نرم افزار تغییر زبان سورس و کد ویژوال استودیو (عناصر دیزاین طراحی فرم ها)