JavaScript选择⽂件并读取⽂本i n p u t标签
input⽂件及多⽂件标签:
<input type="file" value="选择⽂件"></input>
<input type="file" multiple="multiple" value="选择多个⽂件"></input>
F i l e R e a d e r以及F i l e R e a d e r S y n c .r e a d A s T e x t(f i l e,e n c o d i n g?)函数
FileReader是异步的⽂件读取器, 可以指定⽂本编码读取⽂本.
FileReaderSync在WebWorker中可⽤, 这个类的readAsText接⼝是同步的.
W i t h j Q u e r y
function popFileSelector() {
$(`<input type="file" value="选择⽂件"></input>`)
.click()
.
on('change', event => {
let file = event.target.files[0];
let file_reader = new FileReader();
load = () => {
let fc = sult;
console.log(fc); // 打印⽂件⽂本内容
};
adAsText(file, 'UTF-8');
});
}
原⽣W i t h o u t j Q u e r y
function popFileSelector() {
let input = ateElement('input');
input.value = '选择⽂件';
let file = event.target.files[0];
inputtypefile样式let file_reader = new FileReader();
load = () => {
let fc = sult;
console.log(fc); // 打印⽂件⽂本内容
};
adAsText(file, 'UTF-8');
};
input.click();
}
原⽣W i t h P r o m i s e
function popFileSelector() {
return new Promise((resolve, reject) => {
let input = ateElement('input');
input.value = '选择⽂件';
let file = event.target.files[0];
let file_reader = new FileReader();
load = () => {
let fc = sult;
resolve(fc); // 返回⽂件⽂本内容到Promise
};
adAsText(file, 'UTF-8');
};
input.click();
});
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。