Anasayfa » Web Programlama

Php & jQuery Resim Yükleme ve Kesme

1 Ağustos 2009 Görüntülenme: 1.051 5 Yorum Yazar: Ahmet
Kötüİdare ederOrtaGüzelMükemmel (Bu yazı 1 oy aldı. Ortalama Değeri: 5,00 oy dan 5)

Php ile ftp’ye resim yüklemek başlığı altında daha önceden sizlerde hazır bir upload sınıfını paylaşmıştım. Sınıfın çalışma mantığı kısaca şu şekildeydi. İstediğiniz bir resimi seçiyor ve resimin üzerinde hiçbir oyanama yapmadan (boyutunda, çözünürlüğünde, isminde) ftp’ye yüklüyordu. Şuanda bahsedeceğim upload sınıfı ile karşılaştığımdan bu yana diğerini kullanmadım hiç.

jQuery ve Php  birleşimi çok güzel bir sınıf oluşturulmuş. Sınıf sizin ftp’ye jpg, png ve gif uzantılı dosyaları yüklemenizi sağlıyor. Aynı zamanda yüklediğini resimin en büyük ve en küçük boyutunu belirleyebiliyorsunuz. Resimi upload ettikten sonra jQuery nimetinden faydalanarak resimi önceden belirlediğiniz boyutta kesip hem küçük boyutta hemde büyük boyutta kayıt edebiliyorsunuz.

İşlemi daha iyi anlayabilmeniz için ufak bir örnek vereyim. 1024×768pixel boyutunda  bir resmim olsun. Bunu siteme ekleyeceğim. Sitemde bu resim çok büyük görüntüleneceğinden ben bu resimin büyük boyunu 300px genişliğinde belirliyorum. Yani eni 300px olacak ve aynı oranda yüksekliğide küçültülecektir. Birde küçük resim boyunu belirliyorum. Bu da 100×100pixel olsun istiyorum mesela. Bu boyutuda belirledikten sonra resim yükleme sırasında kesme işlemini yaparken küçük resiminiz 100×100pixel boyutunda ve resiminizin büyük halide 300pixel eninde oluyor. İsimlerindede oynama yaparak küçük resimin adını thumbnail_123456.jpg, büyük resimin adınıda resize_123456.jpg şeklinde belirliyorum. Bu isimler arasnda resize ve thumbnail yazan yerlere kendi istediğinizi yazabilirsiniz. Diğer sayılı alan otomatik olarak rasgele belirleniyor.

Karışık sözlerle kafanızı karıştırmak istemem. Bu nedenle hemen çalışmanın bu sayfasını ziyaret ederek ayrıntılı bilgi edinebilirsiniz. Çalışmanın önizlemesi için ise bu sayfayı ziyaret edebilirsiniz. İndirmek için konunun kendi yazısının en altındaki download linkini kullanabilirsiniz. Dosyaları indirirken dikkat edin eski sürümünü indirmeyin. Eski sürümünde sadece jpg formatındaki resimler ile işlem yapılırken yeni sürümde jpg, png ve gif formatlarıyla işlem yapılabiliyor.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:
  • Google Bookmarks
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Live
  • FriendFeed
  • Technorati
  • StumbleUpon
  • Reddit
RenkliTeneke.Com blogundaki yeni yazılardan haberdar olmak için RSS Abonesi olabilirsiniz. İsterseniz Twitter'dan ya da FriendFeed'den takip edebilirsiniz. Ya da "Yeni yazılar e-mail adresime gelsin" diyorsanız e-mail abonesi olabilirsiniz.
Merhaba sevgili ziyaretçi. Şuanda renkliteneke.com bloguna " Ahmet" tarafından " 1 Ağustos 2009" tarihinde yazılmış olan "Php & jQuery Resim Yükleme ve Kesme" başlıklı bu yazıyı okuyorsun. Bu yazının başka bir yerde yayınlaması yasaktır. Her yazı ayrı bir özen içerisinde hazırlanıyor ve bu emeğin iki tık ile heba edilmesi pek hoşuma gitmez. Bu açıklama ise bilgilenmeniz için yazılmıştır.

5 Yorum »

  • Ali demiş ki:

    JQuery ile ilgili paylaşımların tam hız devam ediyor .
    teşekkürler

  • Mustafa Balaban demiş ki:

    Jquery güzel şey =]

  • Adres Tarifi demiş ki:

    Değerlendirilmesini kesinlikle tavsiye ediyorum…

  • Hakan ÇALDIRAN demiş ki:

    denemek lazım :D

  • Yunus Ertürk demiş ki:

    Bunu mysql ile nasıl entegre edebiliyoruz acaba bir bilginiz var mı? Cropladıktan sonra mysqlde thumbnail ve resim yolu olarak eklemek istiyorum..

Yukarıdaki yazı hakkında kendi düşüncelerinizi yazın!

Lütfen yukarıdaki yazı hakkında düşüncelerini paylaş. Senin düşündüklerin bazen bu blogdaki yeni yayınlanacak yazının hangi konuda yazı yazılması gerektiğini belirliyor.

Yorum ekleye bilir yada yazı için geri bildirim gönderebilirsiniz. Bu yazı için yorumlarına abone ol: subscribe to these comments

 

Yorum içerisinde kullanabileceğiniz Html tagları :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Yazıya yorum yazdığınızda yorumunuzun hemen yanında bir Gravatarınız yayınlanacaktır.
Hani benim Gravatarım? Gravatar'da neyin nesi?