Ajax Laravel Upload Image

Halo Saya pemula di Laravel ingin bertanya mengenai upload image di laravel dengan ajax, Bagaimana cara saya mendefinisikan di dalam script agar image yang saya ingin upload bisa terupload dengan benar?

ini adalah gambar dimana saya ingin mengupload image tersebut

1.PNG55.28 KB

ini adalah controllernya

2.PNG42.75 KB

Saya mengalami kesulitan di dalam scriptnya, untuk menefinisikan imagenya

3.PNG38.54 KB

Mohon bantuannya gan

Terima Kasih.

avatar henryfaturrahman
@henryfaturrahman

4 Kontribusi 0 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

<div>Coba pakai event onchange pada input type file-nya, contohnya seperti ini :</div><pre>$('#image').change(function(){

        let reader = new FileReader();
        reader.onload = (e) =&amp;gt; { 
          $(&#039;#display-image-preview&#039;).attr(&#039;src&#039;, e.target.result); 
        }
        reader.readAsDataURL(this.files[0]); 

    });&lt;/pre&gt;&lt;div&gt;&lt;br&gt;Referensi bisa diliat disini :&amp;nbsp;&lt;a href=&quot;https://w3alert.com/laravel-ajax-image-upload-example-tutorial/&quot;&gt;https://w3alert.com/laravel-ajax-image-upload-example-tutorial/&lt;/a&gt;&lt;br&gt;Semoga berhasil.&lt;/div&gt;
avatar ahanafi
@ahanafi

815 Kontribusi 554 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban