本文目錄一覽:
,輸入的信息怎樣用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);
}
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/270639.html