Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Gökhan Kandemir tarafından sunulan bir eğitim dersidir. Gökhan, izleyicilerden gelen istek üzerine PHP eğitiminin 50. bölümünde AJAX kullanarak resim yükleme işlemini anlatmaktadır.
- Videoda, PHP ve JavaScript (özellikle jQuery) kullanılarak AJAX ile resim yükleme işleminin adım adım nasıl yapılacağı gösterilmektedir. Öncelikle HTML formu oluşturulup, dosya yükleme alanı eklenir, ardından jQuery ile formun submit edilmesi engellenir ve AJAX ile dosya yükleme işlemi gerçekleştirilir. Son olarak PHP ile yüklenen dosyanın kaydedilmesi gösterilir. Video, bir sonraki derste yükleme işleminin ekranda pop-up ile gösterilmesi konusunun işleneceğini belirterek sonlanır.
- 00:02PHP ve JavaScript ile Resim Yükleme Dersi
- Gökhan Kandemir, izleyicilerden gelen istek üzerine PHP ile ve JavaScript jQuery kullanılarak AJAX ile resim yükleme işlemini anlatacak.
- Ders için custom.js dosyası, index.html dosyası, upload.php dosyası ve yükleme yapılacak klasör oluşturuldu.
- 01:20HTML Form Oluşturma
- Index.html dosyasında jQuery ve custom.js dosyaları import edildi.
- Form oluşturuldu ve action'a "gerek yok" yazıldı, id'si "upload-form" olarak belirlendi ve multipart/form-data olarak ayarlandı.
- Form içinde dosya yükleme alanı ve personel adı için input alanları oluşturuldu.
- 02:46Form Stil Ayarları
- Formun field setlerinin iğrenç gözüken borderları kaldırıldı.
- Formun görünümü daha mantıklı hale getirildi.
- 04:23jQuery ile Form Submit İşlemi
- jQuery ile formun submit olması için onSubmit metodu kullanıldı.
- Formun normal submit davranışını önlemek için preventDefault() fonksiyonu kullanıldı.
- AJAX ile dosya yükleme işlemi için jQuery.ajax() metodu kullanıldı.
- 07:29AJAX ile Dosya Yükleme
- AJAX metodu için URL olarak upload.php dosyası belirlendi.
- Form verileri formdata türünde bir obje olarak alınarak AJAX metodu ile gönderildi.
- AJAX metodu başarılı olduğunda bir fonksiyon çalıştırıldı ve gelen veri ekrana yazdırıldı.
- 08:50PHP ile Dosya Yükleme İşlemi
- Upload.php dosyasında PHP'nin upload fonksiyonu kullanılarak dosya yüklendi.
- Dosyanın geçici olarak tutulduğu temp klasöründen hedef klasöre aktarıldı.
- Dosya yükleme işlemi başarılı olduğunda ekrana "kablosuz kedi" mesajı yazdırıldı.
- 11:38Dersin Devamı
- Bu derste AJAX ve PHP kullanılarak resim yükleme işlemi gösterildi.
- Bir sonraki derste dosya yükleme işleminin ekranda pop-up verdirme işlemi yapılacak.