色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery onselect file

劉柏宏2年前8瀏覽0評論

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屬性,即可預覽圖片。

下一篇jquery onshow