2009-09-13 12 views

cevap

19

http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-49531485 diyor ki: tip DOMString ait

değeri öğesinin type niteliği "metin", " dosyayı" veya "parola" değeri vardır
bunda, ilgili formu denetiminin geçerli içeriğini temsil etkileşimli bir kullanıcı aracı. dosya düğmesi için bu html ile

var file_selected = false; 
function showNoFile() { 
    if(!file_selected) { alert('No file selected!'); } // or anything else 
} 

:

<html> 
    <head><title>...</title> 
    <script type="text/javascript"> 
     function foo() { 
     var f = document.getElementById("f1"); 
     alert(""==f.value ? "nothing selected" : "file selected"); 
     } 
    </script> 
    </head> 
    <body> 
    <form> 
     <div> 
     <input id ="f1" type="file" name="x" /> 
     </div> 
    </form> 
    <button onclick="foo()">click</button> 
    </body> 
</html> 
6

Bu javascript kullanmanıza yardımcı olur

<input type='file' onchange="file_selected = true;" ...> 
.... 
<input type='submit' onclick='showNoFile();'> 

umut!

<label for="imageUploadButton"> 
<span class="btn" style="padding-left: 10px;">Click here for uploading a new picture</span> 
</label> 
<input type="file" name="avatar_picture" accept="image/gif,image/jpeg,image/png" id="imageUploadButton" style="visibility: hidden; position: absolute;"> 

Ve Seçili kullanıcı seçtiği dosyanın/dosya adı kontrol etmek istiyorum: Kullanılması

+0

Bunun en iyi cevap olduğunu düşünüyorum. Eğer birisi bir dosyayı seçtiğinde AJAX isteği gibi yapmak istiyorsanız, 'onchange' işlevi istediğiniz gibi olur. Eğer 'onclick' seçeneğini kullanırsanız, dosya seç penceresi açılır açılmaz, ancak bir dosya seçilmeden önce patlar. –

+1

kromda çalışmıyor ... Eğer bir dosya seçtiyseniz, tekrar dosya seçmezsiniz file_selected doğrudur. –

0

Yani bazı html formu var ve özel bir dosya yükleme girişi söylüyorlar sağlar jQuery

<script type="text/javascript"> 
    $(function() { 
    $("input:file").change(function(){ 
     var fileName = $(this).val(); 
     alert(fileName); //Do with the filename whatever you want 
    }); 
    }); 
</script> 

https://stackoverflow.com/a/5670938/2979938

@Kullananların kullanımı içinJS:
$("input:file").change(function() { 
    var fileName = $(this).val(); 
    alert(fileName); //Do with the filename whatever you want 
}); 
İlgili konular