Js/Jquery获取input file的文件名

html代码:

<input type="file" name="file" id="file" class="input_text80"></input>

js:

方法一：字符串截取

var file = $("#file").val();

var fileName = getFileName(file);

function getFileName(o){

var pos=o.lastIndexOf("\\");

return o.substring(pos+1);

}

方法二：正则表达式

var file = $("#file").val();

var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); //正则表达式获取文件名，不带后缀

var FileExt=file.replace(/.+\./,""); //正则表达式获取后缀

//带文件后缀名

//获取文件名称 function getFileName(path) {

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

});

转载于:https://www.cnblogs.com/qiao20/p/9015182.html

Js/Jquery获取input file的文件名相关推荐

JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
js,jquery获取文件全名,后缀,文件名
网上找了几个不太满意,参照文章自己修改了一下,可以获取表单中文件的全名,后缀,文件名 var filePath = $('#file').val(); // 获取表单的值var arr = fileP ...
js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=' ...
js原生、jquery获取input为text的输入框（单个/多个）并清空value（bootstrap 输入框）
一.用bootstrap框架写了一个简单的表单,html结构和效果图如下: <form> <div class="form-row mb-2"><d ...
如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
php获取input file路径,JavaScript_JS获取input file绝对路径的方法(推荐)，最近因需要上传文件到oracle blo - phpStudy...
JS获取input file绝对路径的方法(推荐) 最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法, ...
html取输入框中的值,jquery获取input输入框中的值
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
vue中input获取文件路径_JS获取input file绝对路径的方法(推荐)
最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法,如下: //FX获取文件路径方法 function ...

Js/Jquery获取input file的文件名

Js/Jquery获取input file的文件名相关推荐

最新文章

热门文章