Js/Jquery獲取input file的檔名
阿新 • • 發佈:2018-12-10
<input type="file" name="file" id="file" class="input_text80" />
方法一:字串擷取
ar file = $("#file").val();
var fileName = getFileName(file);
function getFileName(o){
var pos=o.lastIndexOf("\\");
return o.substring(pos+1);
}
方法二:正則表示式
ar file = $("#file").val(); var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); //正則表示式獲取檔名,不帶字尾 var FileExt=file.replace(/.+\./,""); //正則表示式獲取字尾
//帶檔案字尾名 獲取檔名稱
var pos1 = path.lastIndexOf('/'); var pos2 = path.lastIndexOf('\\'); var pos = Math.max(pos1, pos2); if (pos < 0) { return path; } else { return path.substring(pos + 1); } } $(document).ready(function () { $('#file').change(function () { var str = $(this).val(); var fileName = getFileName(str); var fileExt = str.substring(str.lastIndexOf('.') + 1); alert(fileName + "\r\n" + fileExt); }); });