Используйте jQuery, чтобы получить выбранное имя файла ввода без пути

Question

Используйте jQuery, чтобы получить выбранное имя файла ввода без пути

я использовал этот:

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

чтобы выбрать имя файла, но он вернул полный путь, как в "C:fakepathfilename.доктор." Часть "fakepath" на самом деле была там - не уверен, что это должно быть, но это мой первый раз, когда я работаю с именем файла загрузки файлов.

Как я могу просто получить имя файла (filename.док)?

820 11

jQuery javascript get filenames

11 ответов:

Comments

Ничего не найдено.

manji · Accepted Answer · 2011-06-16 03:37:09

var filename = $('input[type=file]').val().split('\').pop();
или вы могли бы просто сделать (потому что это всегда C:\fakepath это добавлено по соображениям безопасности):
var filename = $('input[type=file]').val().replace(/C:\fakepath\/i, '')

Diego Cotini · Accepted Answer · 2017-01-17 15:13:54

вам просто нужно сделать код ниже. Первый [0] - это доступ к элементу HTML, а второй [0] - доступ к первому файлу загрузки файла (я включил проверку в случае отсутствия файла):
    var filename = $('input[type=file]')[0].files.length ? ('input[type=file]')[0].files[0].name : "";

alex · Accepted Answer · 2011-06-16 03:27:40

Chrome возвращает C:\fakepath\... по соображениям безопасности - сайт не должен быть в состоянии получить информацию о вашем компьютере, такие как путь к файлу на вашем компьютере.

чтобы получить только часть имени файла строки, вы можете использовать split()...
var file = path.split('\').pop();
jsFiddle.

...или регулярные выражения...
var file = path.match(/\([^\]+)$/)[1];
jsFiddle.

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

Kotzilla · Accepted Answer · 2013-08-08 07:31:34

показать путь работы со всеми ОС
var filename = $('input[type=file]').val().replace(/.*(\/|\)/, '');
пример
C:\fakepath\filename.doc 
/var/fakepath/filename.doc
как вернуть
filename.doc
filename.doc

bartlss · Accepted Answer · 2014-04-02 17:32:03

вот как я это делаю, это работает довольно хорошо.

в вашем HTML do:
<input type="file" name="Att_AttributeID" onchange="fileSelect(event)" class="inputField" />
затем в вашем js-файле создайте простую функцию:
function fileSelect(id, e){
    console.log(e.target.files[0].name);
}
Если вы делаете несколько файлов, вы также должны быть в состоянии получить список обходишь этот:
e.target.files[0].name

vafrcor · Accepted Answer · 2011-11-11 06:05:11

может быть, некоторые дополнения для избежать fakepath:
var fileName = $('input[type=file]').val();
var clean=fileName.split('\').pop(); // clean from C:\fakepath OR C:\fake_path 
alert('clean file name : '+ fileName);

Bertrand Marron · Accepted Answer · 2011-06-16 03:21:15

Как насчет чего-то вроде этого?
var pathArray = $('input[type=file]').val().split('\');
alert(pathArray[pathArray.length - 1]);

GolezTrol · Accepted Answer · 2017-08-14 11:18:47

Это должен быть jquery? Или вы можете просто использовать родной JavaScript yourpath.split("\") разбить строку на массив?

Azhar Shahazad · Accepted Answer · 2016-10-27 17:50:04

получить первый файл из элемента управления, а затем получить имя файла, он будет игнорировать путь к файлу на Chrome, а также сделает коррекцию пути для браузеров IE. При сохранении файла, вы должны использовать System.io.Path.GetFileName метод, чтобы получить имя файла только для браузеров IE
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; 
} 

real vishal · Accepted Answer · 2018-03-13 10:41:24

<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>

Mehul Rojasara · Accepted Answer · 2015-12-07 06:26:15

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