Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Html Upload Butonum Çalışmıyor

koti42

Merhaba arkadaşlar Laravel de bir upload butonu eklemesi yaptım ama html de açılan Dosya yükleme kısmı laravel'e attığım da ne kadar basarsam basayım yükleme ekranı gelmiyor neden olabilir ?

Açılmayan yer Upload'a bastığım da açılması gereken ekran gelmiyor ama düz html iken açılıyor problem yok
<div class="col-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <h4 class="card-title">Basic form elements</h4> <p class="card-description"> Basic form elements </p> <form class="forms-sample"> <div class="form-group"> <label for="exampleInputName1">Name</label> <input type="text" class="form-control" id="exampleInputName1" placeholder="Name"> </div> <div class="form-group"> <label for="exampleInputEmail3">Email address</label> <input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email"> </div> <div class="form-group"> <label for="exampleInputPassword4">Password</label> <input type="password" class="form-control" id="exampleInputPassword4" placeholder="Password"> </div> <div class="form-group"> <label for="exampleSelectGender">Gender</label> <select class="form-control" id="exampleSelectGender"> <option>Male</option> <option>Female</option> </select> </div> <div class="form-group"> <label>File upload</label> <input type="file" name="img[]" class="file-upload-default"> <div class="input-group col-xs-12"> <input type="text" class="form-control file-upload-info" disabled="" placeholder="Upload Image"> <span class="input-group-append"> <button class="file-upload-browse btn btn-gradient-primary" type="button">Upload</button> </span> </div> </div> <div class="form-group"> <label for="exampleInputCity1">City</label> <input type="text" class="form-control" id="exampleInputCity1" placeholder="Location"> </div> <div class="form-group"> <label for="exampleTextarea1">Textarea</label> <textarea class="form-control" id="exampleTextarea1" rows="4"></textarea> </div> <button type="submit" class="btn btn-gradient-primary mr-2">Submit</button> <button class="btn btn-light">Cancel</button> </form> </div> </div> </div>

koti42

Biraz uğraştıktan sonra çözüme ulaştım böyle bir buton kullanmak için kodları bu şekilde düzenlerseniz çalışacaktır

<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js"></script>`
Html kodları tam olarak Yazılmıyor Kod satırının içinde ama mazur görün lütfen.

`<div class="form-group">
                        <label>File upload</label>
                        <input type="file" name="img[]" class="file-upload-default">
                                <div class="form-group" x-data="{ fileName: '' }">
                                    <div class="input-group col-xs-12" wfd-id="2">
                                        <span class="input-group-text px-3 text-muted" wfd-id="3"><i class="fas fa-image fa-lg"></i></span>
                                        <input type="file" x-ref="file" @change="fileName = $refs.file.files[0].name" name="img[]" class="d-none" wfd-id="5">
                                        <input  type="text" class="form-control file-upload-info" placeholder="Resim yükle" x-model="fileName" wfd-id="4">
                                        <button  class="file-upload-browse btn btn-gradient-primary" type="button" x-on:click.prevent="$refs.file.click()" wfd-id="6"><i class="fas fa-image"></i> Browse</button>
                                    </div>



                        </div>