在網(wǎng)頁開發(fā)中，有時(shí)需要讀取用戶上傳文件的文件名或文件路徑。jQuery 提供了一種簡單的方法來讀取 input file 元素的值。

首先，我們需要一個(gè) input file 元素：

<input type="file" id="file-upload" name="file-upload" />

使用 jQuery 的 val() 方法可以讀取當(dāng)前選定 input file 元素的值。由于 input file 元素的值是一個(gè) JSON 對象，其中包含了文件名和路徑等信息，因此我們需要對其進(jìn)行解析。

$('input[type="file"]').change(function(){
var fileName = $(this).val().split("\\").pop();
console.log("文件路徑：" + $(this).val());
console.log("文件名：" + fileName);
});

以上代碼中，我們使用 change 事件監(jiān)聽 input file 元素的變化。在回調(diào)函數(shù)中，首先使用 val() 方法獲取當(dāng)前選定元素的值，并使用 split() 方法將其切分為一個(gè)數(shù)組。因?yàn)槲募窂桨朔葱备埽虼宋覀冃枰褂?pop() 方法返回?cái)?shù)組中的最后一個(gè)元素，即文件名。

最后，我們可以將獲取到的文件名和文件路徑打印到控制臺中，進(jìn)行調(diào)試。

總之，使用 jQuery 讀取 input file 元素的值非常簡單，只需使用 val() 方法即可。需要注意的是，文件名和文件路徑的獲取方式可能因不同的操作系統(tǒng)和瀏覽器而異。