文件上传方法

javaScript:

(()=>{
    const upload = document.createElement('input');// 创建input标签
    upload.type = 'file'// 标签类型
    upload.style = 'display:none;'// 元素不显示
    upload.click()// 点击事件
    upload.onchange = async (e) => {// 值改变事件
        console.log(e.target.files);// 获取文件集合
        e.target.remove();// 删除元素
    }
    document.body.appendChild(upload);// 插入元素
})()

TS:

(()=>{
    const upload:HTMLInputElement = document.createElement('input');// 创建input标签
        upload.type = 'file'// 标签类型
        upload.style.display = 'display:none;'// 元素不显示
        upload.click()// 点击事件
        upload.onchange = async (e:Event) => {// 值改变事件
        console.log(e);// 获取文件集合
        (e.target as HTMLInputElement).remove();// 删除元素
    }
    document.body.appendChild(upload);// 插入元素
})()

猜你喜欢

转载自blog.csdn.net/YiYeZhiQiuDe_yzq/article/details/128788135