file upload

دعم تحميل مكون الملف

• كن راعيًا على Patreon.
• التبرع لمرة واحدة عن طريق العملات المشفرة.

مقدمة

هل تبحث عن طريقة سهلة لرفع الملفات، هذا ما تبحث عنه.

هذا مكون vue لتحميل الملفات باستخدام ajax. يحتوي على ميزات مذهلة، يمكنك استخدامه بسهولة دون أي تعقيد.

سمات

• معاينة الملفات قبل التحميل
• تحميل ملفات متعددة
• سحب وإسقاط الملفات
• تحميل ملفات متعددة في نفس الوقت
• حذف/حذف الكل
• إلغاء/إلغاء الكل
• تحميل قطعة

التوثيق الرسمي

يمكن العثور على وثائق تحميل الملف هنا هنا

تجريبي

عرض تحميل الملف

متطلبات

• الريح الخلفية => 3.*
• أكسيوس => 2.2.17*

تثبيت

لتثبيت المكون وإعداده، سنتبع بعض الخطوات:

الخطوة 1

npm install ` @yazan.alnughnugh/file-upload 

الخطوة 2

النظرة 2

 // app/resources/js/app.js

 Vue . component ( 'file-upload' , require ( '@yazan.alnughnugh/file-upload' ) . default ) ;

النظرة 3

 // app/resources/js/app.js
 import FileUpload from '@yazan.alnughnugh/file-upload' ;

 const app = createApp ( options ) ;

 app . component ( 'file-upload' , FileUpload ) ;
 app . mount ( '#app' ) ; 

الاستخدام

للبدء في استخدام المكون، سنضيف مكونًا إلى ملف النصل الخاص بك بثلاثة دعائم،

url هو عنوان url الذي تريد إرسال الطلب إليه،

id إذا كنت تريد إرسال معرف النموذج مع الطلب،

label هنا يمكنك إضافة الوصف الخاص بك.

// resources/posts/create.blade.php

  < file-upload :url =" url " :id =" id " :label =" label " > </ file-upload > 

طلب

سيكون الطلب هو نفسه كما هو موضح أدناه، وسيتم إرسال الملفات واحدًا تلو الآخر، طلبًا واحدًا لكل ملف.

 // resources/posts/create.blade.php

  [
    " id " => " 9 " , // if you added id
    " file " => File , // this is our file
  ] ;   

إعدادات

اسم	يكتب	تقصير	وصف
url	خيط	"/"	هو عنوان URL الذي تريد إرسال الطلب إليه
id	رقم	باطل	إذا كنت تريد إرسال معرف النموذج مع الطلب
label	خيط	"PNG، JPG، GIF بحجم يصل إلى 10 ميجابايت"	هنا يمكنك إضافة الوصف الخاص بك