

Ajax Resim Ekleme Butonu Hakkında Yardım
-
arkadaşlar bir ürün ekleme formumuz var, bu formun icinde resim ekle diye bir butonumuz var resim ekle butonuna bastığımızda açılan pencereden seçilen resmi gerekli kalsorlere yukledikten sonra resmin ismini urun ekleme formuna yazdırıyor ve urun bilgilerinide yazdırdıktan sonra urun ekle dedigimizde urunu resim bilgisiyle veritabanımıza ekleyebiliyoruz bu form uzerinde birkaç değişiklik yapmak istiyorum bu konuda bilgi sahibi olan ve yardımcı olmak isteyen arkadaşlar yazarsa onlarla iletişime geçmek istiyorum.
Edit:
resim eklemeden Önce

resim eklemeden Sonra

-
nasıl bi değişiklik yapmak istiyorsun
-
mesela gelen dosyanın adını degistirerek kaydetmesini istiyorum
ornek pencereden seçtiğimiz resmin adı beton_civi.jpg isi bunu kaydetmeden once 76213712beton_civi.jpg olsunki ben bunu silerken aynı isimdeki başka dosyalar silinmesin yada urunu kaydetmeden once yukledigim resmi silebilmenin başka bir yolu varsa oda olur burdaki amaç
resim yukleniyor ama o yukledigim resmı urunu kaydetmeden once silemiyorum
edit:
$(function(){ var btnUpload=$('#upload'); var status=$('#sonuc'); new AjaxUpload(btnUpload, { action: 'upload-file2.php', name: 'uploadfile', onSubmit: function(file, ext){ if (! (ext && /^(jpg|jpeg|png|gif)$/.test(ext))){ // extension is not allowed status.text('Sadece JPG,JPEG,PNG,GIF uzantılı dosyalar yükleyebilirsiniz.'); return false; } btnUpload.text('Yükleniyor...'); }, onComplete: function(file, response){ //On completion clear the status status.text(''); //Add uploaded file to list if(response==="success"){ // $('input#resim').attr("value",file); $('#remiko').append('Eklendi< class="sText sIwitinp" name="resim" ="text" value="'++'" />'); btnUpload.text('Resim Ekle'); //$('#status').show().html('Resim Eklendi. Lütfen Resim Ekleyin kutucuğuna dokunmayınız.').fadeOut(500).fadeIn(700); } else{ btnUpload.text('Resim Ekle'); $(' ').appendTo('#status').html(file+' Dosyası Eklenemedi').show(); } } }); });
-
verdiğin kodda kayıt işlemini
upload-file2.phpDosyası Yapıyor.kaydetmeden önce gelen dosya adıyla isteiğin gibi oynarsın. php bilgim yok. asp.net olsaydı yardımcı olurdum.
sen yine de o dosyayı da koy php bilen birisi yardım edecektir.
-
tamam peki php kısmında ismini degiştirerek kaydettik diyelim bu seferde
if(response==="success"){ // $('input#resim').attr("value",file); $('#remiko').append('<tr><td><img src="../resimler/urunler/'+file+'" width="30px" height="30px"/>Eklendi<input type="text" name="resim[]" class="sText sIwitinp" value="'+file+'" /></td></tr>');kısmındaki value="+file+" kımısnı nasıl değiştirecez ?
-
upload-file2.phpDosyası yüksek ihtimal resmi kaydettikten sonra. success yada error dönderiyor. sen değiştirdiğin filename i alırsın.işlem tamamlanınca "success" döndüreceğine "success-filenamein" şeklinde dönderirsin. kodu da şöyle değiştirirsin
if(response.split('-')[0]==="success"){ //$('input#resim').attr("value",file); $('#remiko').append('<tr><td><img src="../resimler/urunler/'+response.split("-")[1]+'" width="30px" height="30px"/>Eklendi<input type="text" name="resim[]" class="sText sIwitinp" value="'+response.split("-")[1]+'" /></td></tr>');edit: düzelttim
-
if(response.split('-')[0]==="success"){ <br>burdaki succes yerine php tarafıunda ne yazılacak hocam
su anda eger basarılıysa yukleme
echo "success";
yazıyor
$yenidosyaadi degiskenim bu php tarafına ne yazmalıyım success kısmına ?
-
echo "success-".$yeniresimadi."";
şu şekilde yazdım şu anda sorun kalmadı
şimdi bu resmi nasıl silebiliriz ?
-
Resmi Silebilmek için kodu şöyle düzenlersin
if(response.split('-')[0]==="success"){ //$('input#resim').attr("value",file); $('#remiko').append('<tr><td><img src="../resimler/urunler/'+response.split("-")[1]+'" width="30px" height="30px"/>Eklendi<input type="text" name="resim[]" class="sText sIwitinp" value="'+response.split("-")[1]+'" /><a href="#" onclick="ResimSil(\"'+response.split("-")[1]+'\")">Sil</a></td></tr>')ResimSil JavaScripti de şöyle Olacak
function ResimSil(ResimAdi) { $.ajax({ type:"post", url:resimsil.php, data:"resim=" + ResimAdi, success:function(snc) { alert(snc); } }); return false; }resimsil.php de gönderilen resim değişkenini alıp silme işlemini yapılacakçak. Ordan Döndürelen Sonuç da alert olarak görünecek.
Basitçe Böyle
-
hocam bu olmadı
<a href="#" onclick="ResimSil(\"'+response.split("-")[1]+'\")">Sil</a> sanırım surdaki href="#" yuzunden
bu sayfaya goturuyo;
urun_ekle.php# <- mevcut bulundugum sayfaya # ekliyor
-
fonsiyonun return false dönderirse örnekteki gibi # ye gitmemesi gerek.
edit: fonksiyona hiç gidemiyor olabilir.