Unggah Media Komponen Vue 3 - CRUDPRO
Home  ›  javascript  ›  vuejs

Unggah Media Komponen Vue 3

Written By Agus Handi Prayitna Friday, January 21, 2022
Paket unggah media adalah komponen Vue3 untuk unggahan multi-gambar dengan pratinjau. Unggahan media mendukung pembuatan dan pembaruan gambar serta memproses unggahan.

Paket ini berisi dua komponen. Salah satunya adalah untuk mengunggah gambar baru dan yang lainnya untuk memperbarui gambar.

<div id="app">
	<upload-media
		server="/api/upload"
		error="@error('media'){{$message}}@enderror">
	</upload-media>

	<update-media
    	server="/api/upload"
    	media_file_path="/post_images"
    	media_server="/api/media/{{$post->id}}"
    	error="@error('media'){{$message}}@enderror">
 	 </update-media>
</div>

Komponen mengunggah gambar sebagai multipart/form-data dan server mengembalikan nama gambar sementara yang unik. Formulir utama mengirimkan data media sebagai input tersembunyi dan menyalinnya ke lokasi akhirnya.

Anda bisa mendapatkan detail paket ini, mendapatkan petunjuk instalasi lengkap, dan melihat kode sumber di GitHub. Anda juga dapat melihat aplikasi demo berfitur lengkap yang mengimplementasikan paket ini dalam aplikasi demo Laravel.

Pembuat paket memiliki tutorial tentang cara mengunggah banyak gambar dalam pratinjau menggunakan Laravel dan Vue. Tutorial ini memberikan detail tentang pengintegrasian paket ini ke dalam aplikasi Anda.