Postingan lainnya
Upload Gambar Gagal
Saya menggunakan juery ajax untuk upload image, saat upload image menggunakan browser firefox berhasil, tapi kenapa saat menggunakan browser chrome gagal. Nama gambar yang saya upload berubah, misal : gambar.jpg berubah menjadi C:/fakepath/gambar.jpg..
Bagaimana solusinya kira2 ?
3 Jawaban:
cantumkan solusinya gannn. biar yg lain tauu hehehheh (y)
Jawaban Terpilih
Jadii gini nihh gann.... sebelumnya saya disini menerangkan kode saya aja ya gan hehehe.. Ini script jquery ajax untuk mengambil file image dan text secara bersamaan tanpa reload halaman web kita.. Awal nya saya menggunakan kode yang dibawah ini, berhasil di browser firefox, sementara di browser Chrome terjadi kesalahan. Kesalahannya adalah, nama file yang di upload berubah menjadi 'c:/fakepath/gambar.jpg', padahal nama gambar saya cuma 'gambar.jpg', sehingga upload gambar pada halaman web kita gagal total, akibat nama gambar yang berubah tadi. Saya menemukan solusinya, nama 'C:/fakepath' yang bertambah pada nama gambar kita tadi saya replace ke "" (kosong), sehingga nama itu terhapus dan hanya tertinggal nama gambar kita utuh.
var file = $('#image_comment<?=$hasil['id'] ?>').val(); // script awal
Script ini lah saya gunakan untuk mengambil nama gambarnya.. hasilnya 'c:/fakepath/gambar.jpg..
$('#InsertComment<?=$hasil['id'] ?>').on('click',function(){
var file_data = $('#image_comment<?=$hasil['id'] ?>').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
var isi = $('#comment<?=$hasil['id'] ?>').val();
var nama = $('#InsertComment<?=$hasil['id'] ?>').attr('data-name');
var foto = $('#InsertComment<?=$hasil['id'] ?>').attr('data-foto');
var id = $('#InsertComment<?=$hasil['id'] ?>').attr("idPostingan");
var file = $('#image_comment<?=$hasil['id'] ?>').val();
$.ajax({
enctype: "multipart/form-data",
type: "POST",
url: "Insert_Comment.php",
data: {nama_komentar:nama, postingan_id:id, isi_comment:isi, image_name:file, fotoprofil:foto},
success: function(data){
if (isi != "") {
$("#Halaman_Forum").load("log.php");
}else {
alert("Tidak boleh kosong");
}
}
});
$.ajax({
dataType: 'html',
cache: false,
contentType: false,
processData: false,
type: "POST",
url: "Insert_Image_Comment.php",
data: form_data,
});
});
Untuk menghapus nama yg tidak diperlukan itu.. saya lakukan seperti ini..
var file = $('#image_comment<?=$hasil['id'] ?>').val();
var file_baru = file.replace("C:\\fakepath\\","");
Sehingga script keseluruhannya seperti ini, dan namagambar menjadi gambar.jpg saja..
$('#InsertComment<?=$hasil['id'] ?>').on('click',function(){
var file_data = $('#image_comment<?=$hasil['id'] ?>').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
var isi = $('#comment<?=$hasil['id'] ?>').val();
var nama = $('#InsertComment<?=$hasil['id'] ?>').attr('data-name');
var foto = $('#InsertComment<?=$hasil['id'] ?>').attr('data-foto');
var id = $('#InsertComment<?=$hasil['id'] ?>').attr("idPostingan");
var file = $('#image_comment<?=$hasil['id'] ?>').val();
var file_baru = file.replace("C:\\fakepath\\","");
$.ajax({
enctype: "multipart/form-data",
type: "POST",
url: "Insert_Comment.php",
data: {nama_komentar:nama, postingan_id:id, isi_comment:isi, image_name:file_baru, fotoprofil:foto},
success: function(data){
if (isi != "") {
$("#Halaman_Forum").load("log.php");
}else {
alert("Tidak boleh kosong");
}
}
});
$.ajax({
dataType: 'html',
cache: false,
contentType: false,
processData: false,
type: "POST",
url: "Insert_Image_Comment.php",
data: form_data,
});
});