jquery onselect file 是一個用于監聽文件輸入框選擇文件事件的jQuery事件。
$('input[type=file]').on('change', function () { var fileName = $(this).val().split('\\').pop(); console.log('選擇的文件是:' + fileName); });
上面這段代碼中,我們使用jQuery的on方法來監聽文件輸入框的選擇文件事件。當文件選擇框的值發生改變時,我們會獲取選擇的文件名,并打印到控制臺上。
在代碼中,我們通過選擇'input[type=file]'
元素來綁定文件選擇事件。然后通過.val()
方法獲取選擇的文件路徑,使用.split('\\').pop()
方法獲取文件名。
在實際開發中,onselect file
事件可以用來預覽、上傳、驗證文件等操作。比如,我們可以通過FileReader
對象來預覽選擇的圖片:
$('input[type=file]').on('change', function () { var file = this.files[0]; var reader = new FileReader(); reader.onload = function (e) { $('img').attr('src', e.target.result); } reader.readAsDataURL(file); });
上面這段代碼中,我們創建了一個FileReader
對象,通過readAsDataURL
方法將選擇的圖片讀取為 base64 編碼的字符串,然后將其賦值給<img>
元素的src
屬性,即可預覽圖片。