file upload

Mendukung komponen Upload file

• Menjadi sponsor di Patreon.
• Donasi satu kali melalui mata uang kripto.

Perkenalan

Apakah Anda sedang mencari cara mudah untuk mengupload file, ini yang Anda cari.

Ini adalah komponen vue untuk mengupload file menggunakan ajax. Ini berisi fitur luar biasa, Anda dapat menggunakannya dengan mudah tanpa kerumitan apa pun.

Fitur

• Pratinjau file sebelum diunggah
• Unggah multi-file
• Seret dan Jatuhkan file
• Unggah banyak file secara bersamaan
• Hapus/Hapus semua
• Batalkan/Batalkan semua
• Unggahan potongan

Dokumentasi Resmi

Dokumentasi untuk Upload File dapat ditemukan di sini

Demo

Demo Unggah File

Persyaratan

• Angin belakang => 3.*
• Aksio => 2.2.17*

Instalasi

Untuk menginstal dan mengatur komponen kita akan mengikuti beberapa langkah:

langkah 1

npm install ` @yazan.alnughnugh/file-upload 

langkah 2

Gambar 2

 // app/resources/js/app.js

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

Gambar 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' ) ; 

Penggunaan

Untuk mulai menggunakan komponen, kami akan menambahkan komponen ke file blade Anda dengan tiga props,

url adalah url tempat Anda ingin mengirim permintaan,

id jika Anda ingin mengirim id model dengan permintaan,

label di sini Anda dapat menambahkan deskripsi Anda.

// resources/posts/create.blade.php

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

Meminta

Permintaannya akan sama seperti di bawah ini, File akan dikirim satu per satu, satu permintaan untuk setiap file.

 // resources/posts/create.blade.php

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

Konfigurasi

Nama	Jenis	Bawaan	Keterangan
url	Rangkaian	"/"	adalah url tempat Anda ingin mengirim permintaan ke sana
id	Nomor	batal	jika Anda ingin mengirim id model dengan permintaan
label	Rangkaian	'PNG, JPG, GIF hingga 10 MB'	di sini Anda dapat menambahkan deskripsi Anda