Html resim upload yüklemeden önce önizleme göstermek
Resim yüklemeden önce seçilen resmin önizlemesini yaptırmak için aşağıdaki kodu kullanabilirsiniz ;
<input type=”file” accept=”image/*”
PHP , Mysql , MariaDb , htaccess , Centos , Teknoloji
Resim yüklemeden önce seçilen resmin önizlemesini yaptırmak için aşağıdaki kodu kullanabilirsiniz ;
<input type=”file” accept=”image/*”
Seçenekli dropdown alanınıza aktif bir arama seçeneği de katmak isteyen arkadaşlar bir kaç satırla bu işi yapabilirler.
selectimize bir id ekliyoruz.
Girdirmek istediğiniz input alanına harf ve rakamlardan başka girişi engellemek istiyorsanız pattern özelliğini kullanabilirsiniz. Bu özellik aktif edildiğinde boşluk ,yıldız ,virgül gibi karakter girişleri engellenecek ,formu post etmeden önce uyarı verecektir.
Olayı javascript ile daha kompleks bir hale getirip ,yanlış format girildiğinde kullanıcıyı anlık olarak uyarmak istersek aşağıdaki şekilde girmeliyiz.
Select option form alanına manuel seçenek tanımlamak hardcode dediğimiz mantıkta olduğu için hem profesyonellikten uzak ,hemde projemizin ilerlediği süreçlerde geriye dönüp editlemesi güç durumlara yol açabilmektedir. Bu duruma sebebiyet vermemek açısından option verilerini bir database tablosuna yazmak ve oradan çekmek esneklik açısından akıllıca olacaktır. Olayı pekiştirmek açısından vereceğim ilk örnekte manuel seçenekler nasıl tanımlanır ona değineceğim. İkinci örnekte ise asıl amacımız olan bu verileri işlenmiş bir tablodan nasıl çekeceğiz onu görelim.
<select> <option value="1">Ahmet</option> <option value="2">Mehmet</option> <option value="3">İsmet</option>
Daha siz arama kutucuğuna kelimenin baş harflerini yazarken sonuçlar sayfaya dökülsün ister misiniz? Aşağıdaki örnek te arama sonuçlarının ,arama yaptığımız sayfaya nasıl anlık olarak döküldüğünü göreceğiz.
index.html diye bir sayfa oluşturup aşağıdaki kodları içine döktürüyoruz.
<html> <head> <script> //Aramayı yaptıracak ajax kodumuz function doSearch(str) {