button click ile file nesnesini nasıl açtırabilirim

<button>file aç</button>
<input type="file" name="blabla" >

$("button").live("click",function(){
???
});


soru işaretlerinin oldugu yere ne yazabilirim file nesnesini acması için

edit: Sorun cözüldü jquery trigger ile

çözüm:
$("button").live("click",function(){
$('input').trigger("click");
});

Maksat input file nesnesinin farklı bir buton şeklinde göstermekse css ile gizli file input olarak ayarlayabiliriz.

file input elementine id vererek css ile diplay:none verin, button elementine de id verin mesela btn daha sonra yapacağınız işlem şöyle;

$('#btn').click(function(event) {
  $('#file-input').click();
});

<button id="btn">file aç</button>
<input type="file" id="file-input" name="blabla" >

#file-input{display:none}

İsterseniz div ya da farklı bir input daha oluşturun yine id verin input file elementinin change olayını kontrol ederek seçilen dosyanın adını da yine şu şekilde yazdırabilirsiniz;

$('#file-input').change(function(click) {
  $('#yeni-div').val(this.value);
});

Kolay gelsin.

Merhabalar,

Amacınız file inputunu gizlemek ve yerine çok güzel bir dosya seçme buttonu yapmak ise işinizi css ile görmeniz gerekiyor. Nette bakarsanız örnekleri mevcuttur. Bulamaz iseniz bana pm atın. CSS ile halledin dememin sebebine gelince,

Gizli olan file inputundan dosya transferi IE'da sorun çıkartıyor. İster normal form ile isterseniz jQuery ile post edin, dosya gitmiyor. File inputunun gizli olması IE'de problem çıkartıyor. Zamanında bu sorundan çok çekmiş ve çözümü CSS'de bulmuştum.

Aynen katılıyorum ie de bazı sürümlerde problem çıkarabiliyor, css ile yapılması daha mantıklı. Arkadaş butona tıklayınca file nasıl açtırırım dediği için bende jquery ile örnek yaptım ancak eğer amacınız gizli yapmak yerine daha güzel bir buton göstermek ise css kullanmanızı tavsiye ederim. Kolay gelsin.

Cevaplar için teşekkürler amacım file nesnesini şekillendirmek deil başka bir buton ile açtırmak input'un gizlenmesinden kastınız css ile display:none yapılmasımı ie bunumu kontrol ediyo yoksa click olayının nerden yapıldıgınamı dikkat ediyo ?

İe'de denemelerden sonra sizlede paylaşırım hocam

son olarak bi soru daha yöneltiyim ajax ile upload yapıyorum multiple olarak dosya yuklemede sıkıntı yok evet fakat ben multiple olarak sectirip bunları teker teker yukletmek istiyorum yane toplu olarak yuklerken post ettıgım sayfada for ile yukletıp hepsını sonra tek seferde cvbı
successde alıyorum ama ben bundan ziyade bi dosya yukleme bittikten sonra degerin dönüp ikincisini yukleyip degeri dondermesini istiyorum böyle bişey mümkünmu denedinizmi fikriniz varmıdır ?


Dahada açıklamak gerekırse post ettiğim sayfadaki değişiklikleri anlık olarak kontrol edip alabilirmiyim?

Hocam dosyaları seçtirt hepsi beklesin. Javascript ile tek tek upload olmalarını sağla. Toplu olarak gönderme. Atıyorum birinci başlasın "success" olduğu vakit ikinciye geçsin işlem. Böyle bir zincirleme yapabilirsin.

Dosya yüklenirken % olarak bilgi vermek istiyorum diyorsan o biraz zor, birazda kolay aslında. Bunu yapabileceğin iki yol var. Birincisi HTML5 ile gelen upload progressbar, nette gerekli örnekleri mevcut. Bu html5 olduğu için kullanmak istemeyebilirsin.

Bir diğer yöntem ise PHP PECL UploadProgress eklentisini kullanmak.
İkinci yöntem çok amatör ve zahmetli. Sürekli istek yollaman gerekiyor %kaç geldi önbelleğe diye sorgulamak için. Ha birde saçma sapan bir iframe şeklinde kullanman lazım bunu. Yoksa önbelleğe geleni gideni gösteremiyor gerizekalı

Bide son olarak Flash destekli upload formları var. Onları bir kurcala istersen. Belki de onlarla halledersin. (Yüksek derece jQuery yada Javascript bilgisi gerektirebilir)

Yerinde olsam % olarak sonuç vermek yerine lütfen bekleyiniz filan yazarım.