Postingan lainnya
bagaimana mengupdate form yang didalamnya ada field input file menggunakan AJAX
Saya punya form update yang meload data dari ajax, didalam form ada field untuk input file. yang jadi masalahnya saat user hanya mengupdate field text dan tidak melakukan perubahan di field input file kan otomatis ketika mengambil semua value dari form menggunakan new FormData, value dari input file kosong. gmn cara mengatasinya?
0
2 Jawaban:
kash kondisi aj di php nya. . if($_FILES['nama_gambarnya']['name'] == ''){ di sini klo g pke gambar }else{ di sini pke gambar }
1
terima kasih sarannya, udah solve dengan membuat 2 input file. jadi ketika user mengklik gambar akan menampilkan element upload-form dan menghilangkan element image-view code html :
<div class="item form-group" id="upload-form">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="image">Gambar Produk <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6">
<input type="file" id="up_gbr_barang" name="up_gbr_barang" class="form-control">
</div>
</div>
<div class="item form-group" id="image-view">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="image">Gambar Produk <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6">
<div class="form-control" style="height: auto; padding: 3px;">
<div class="image view view-first" id="upload-gambar" style="height: auto; box-shadow:none;">
<input type="hidden" id="old-img">
<img id="gambar" name="image" style="display: block;width: 300px;vertical-align: middle;" alt="image" />
<div class="mask">
<p><i class="fa fa-camera"></i> Klik untuk mengganti gambar</p>
</div>
</div>
</div>
</div>
</div>
js :
$('#upload-gambar').on('click', function(){
$('#upload-form').fadeIn(400);
$('#image-view').fadeOut(400);
})
0