Dosya girdisinin seçili dosya adını yol olmadan almak için jQuery kullanın

Bunu kullandım:

$('input[type=file]').val()

dosya adını seçin, ancak "C: \ fakepath \ dosyaadı.doc" dosyasında olduğu gibi tam yolu döndürdü. "Fakepath" bölümü aslında oradaydı - olması gerekip gerekmediğinden emin değilim, ancak dosya yüklemelerinin dosya adı ile ilk defa çalışıyorum.

Dosya adını nasıl alabilirim (dosyaadı.doc)?

var filename = $('input[type=file]').val().split('\\').pop();

ya da sadece yapabilirsiniz (çünkü her zaman C:\fakepathgüvenlik nedeniyle eklenir):

var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')

Aşağıdaki kodu yapmanız yeterlidir. İlk [0] HTML öğesine ve ikinci [0] dosya yüklemesinin ilk dosyasına erişmektir (dosya olmaması durumunda bir doğrulama ekledim):

    var filename = $('input[type=file]')[0].files.length ? ('input[type=file]')[0].files[0].name : "";

Chrome C:\fakepath\...güvenlik nedeniyle geri döner - bir web sitesi, bilgisayarınızdaki bir dosya yolu gibi bilgisayarınız hakkında bilgi alamamalıdır.

Bir dizenin sadece dosya adı bölümünü almak için şunu kullanabilirsiniz split()...

var file = path.split('\\').pop();

jsFiddle .

... ya da düzenli bir ifade ...

var file = path.match(/\\([^\\]+)$/)[1];

jsFiddle .

... ya da lastIndexOf()...

var file = path.substr(path.lastIndexOf('\\') + 1);

jsFiddle .

Tüm işletim sistemlerinde yol çalışması alın

var filename = $('input[type=file]').val().replace(/.*(\/|\\)/, '');

Misal

C:\fakepath\filename.doc 
/var/fakepath/filename.doc

Her ikisi de geri dönüyor

filename.doc
filename.doc

İşte nasıl yaptığım, oldukça iyi çalışıyor.

HTML'nizde şunları yapın:

<input type="file" name="Att_AttributeID" onchange="fileSelect(event)" class="inputField" />

Sonra js dosyanızda basit bir işlev oluşturun:

function fileSelect(id, e){
    console.log(e.target.files[0].name);
}

Birden fazla dosya yapıyorsanız, bunun üzerinde döngü yaparak listeyi de alabilmeniz gerekir:

e.target.files[0].name

belki fakepath önlemek için bazı ek:

var fileName = $('input[type=file]').val();
var clean=fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
alert('clean file name : '+ fileName);

Böyle bir şeye ne dersin?

var pathArray = $('input[type=file]').val().split('\\');
alert(pathArray[pathArray.length - 1]);

Jquery olmalı mı? Ya da yourpath.split("\\")dizeyi bir diziye bölmek için JavaScript'in doğal özelliğini kullanabilir misiniz ?

İlk dosyayı denetimden alın ve ardından dosyanın adını alın, Chrome'daki dosya yolunu yok sayar ve IE tarayıcıları için yol düzeltmesi yapar. Dosyayı kaydederken, dosya System.io.Path.GetFileNameadını yalnızca IE tarayıcıları için almak için yöntem kullanmanız gerekir

var fileUpload    = $("#ContentPlaceHolder1_FileUpload_mediaFile").get(0); 
var files         =  fileUpload.files; 
var mediafilename = ""; 

for (var i = 0; i < files.length; i++) { 
  mediafilename = files[i].name; 
} 

<script type="text/javascript">

    $('#upload').on('change',function(){
       // output raw value of file input
       $('#filename').html($(this).val().replace(/.*(\/|\\)/, '')); 

        // or, manipulate it further with regex etc.
        var filename = $(this).val().replace(/.*(\/|\\)/, '');
        // .. do your magic

        $('#filename').html(filename);
    });
</script>

var filename=location.href.substr(location.href.lastIndexOf("/")+1);
alert(filename);

Bu alternatif en uygun gibi görünüyor.

$('input[type="file"]').change(function(e){
        var fileName = e.target.files[0].name;
        alert('The file "' + fileName +  '" has been selected.');
});

Burada şöyle diyebilirsiniz. Bu benim Giriş Dosyasım olsun

  <input type="file" title="search image" id="file" name="file" onchange="show(this)"  />

Şimdi dosyayı seçtiğinizde çağrılan Jquery'm

<script type="text/javascript">
    function show(input) {
        var fileName = input.files[0].name;
        alert('The file "' + fileName + '" has been selected.');               
            }

</script>

Bunu kullanarak da kaldırabiliriz match

var fileName = $('input:file').val().match(/[^\\/]*$/)[0];
$('#file-name').val(fileName);