jqtypefile获取文件名,jq获取类名

本文目录一览：

• 1、，输入的信息怎样用jquery获取？
• 2、jquery怎么获取多文件file的文件名称
• 3、怎么在页面上用jquery获取上传文件时的文件名和文件的大小

，输入的信息怎样用jquery获取？

input type="file" id="file_input"

script

$(function(){

   $("#file_input").change(function(){

      alert("文件名及路径"+$(this).val()+"\n文件类型可以根据扩展名来判断");

   });

})

/script

jquery怎么获取多文件file的文件名称

html代码:

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

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(/.+\./,""); //正则表达式获取后缀

怎么在页面上用jquery获取上传文件时的文件名和文件的大小

这个无需用jquery, 但是浏览器必须要支持html5,

假设页面上有一个文件域

input type="file" id="file_input" /

var input = document.getElementById("file_input");

//文件域选择文件时, 执行readFile函数

input.addEventListener('change',readFile,false);

function readFile(){

var file = this.files[0];

console.log("文件名:"+file.name);

console.log("文件类型:"+file.type);

console.log("文件大小:"+file.size);

}