使用原生js动态实现文件的上传功能
# 创建input节点
export const createUploadInput = () => {
const input = document.createElement('input');
input.type = 'file';
input.multiple = true;
// document.body.appendChild(input);
return input;
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# 创建调用上传
// 从本地上传文件
export const fromTolocalUploadFile = async (store) => {
try {
const elInput = createUploadInput();
elInput.onchange = e => {
const files = Array.prototype.slice.call(elInput.files);
// for (let i = 0; i < files.length; i++) {
// const file = files[i];
// }
//
const pending = files.map(file => {
console.log(file);
});
void Promise.all(pending).catch(error => {
console.log(error);
});
elInput.remove();
};
elInput.click();
} catch (error) {
console.log(error);
}
}
···
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
上次更新: 2024/03/02, 18:23:00
- 01
- Node与GLIBC_2.27不兼容解决方案08-19
- 02
- Git清空本地文件跟踪缓存08-13