jQuery提供了非常方便的方法,可以使用change事件來獲取file類型的 HTML輸入框中選定的文件。這對于需要上傳文件的頁面非常有用。
下面我們來看一下代碼:
$(document).ready(function() { $('#fileInput').change(function() { var fileName = $(this).val(); alert('你選擇了文件:' + fileName); }); });
上面的代碼在頁面加載完成后,選擇了id為fileInput的文件輸入框,并針對其綁定了change事件。當用戶選擇文件后,會執行回調函數,并獲取用戶選擇的文件名稱,最后通過彈出框的形式展示給用戶。
另外需要注意的是,如果想要在form表單中通過ajax方式上傳文件,可以使用FormData對象。我們也可以通過change事件獲取用戶選擇的文件,將其封裝在FormData中,最后通過ajax方法將其上傳到指定的服務器。
總的來說,使用change事件可以非常方便地獲取用戶選擇的file類型的HTML輸入框中的文件,并進行后續的操作,例如展示、上傳等。大家在使用時可以根據具體的業務需求進行相應的處理。
下一篇原頁面做了css