页面临时添加a元素来模拟上传下载

页面:

<input type="file" value="文件" id="btn">

  

JS:

window.onload = () => {
    let btn = document.querySelector("input#btn");
    btn.addEventListener("change", () => {
        let file = btn.files[0];
        let a = document.createElementNS("http://www.w3.org/1999/xhtml", 'a'); // 新建带命名空间的<a>元素
        a.href = window.URL.createObjectURL(file); // 创建URL引用
        a.download = "picNo1.jpg"; // 下载后的文件命名
        document.body.appendChild(a); // 添加临时元素
        a.click(); // 触发点击事件
        document.body.removeChild(a); // 删除临时元素
        window.URL.revokeObjectURL(a.href); // 删除URL引用
    });
};

  

上一篇:Bootstrap-v3-组件-按钮组


下一篇:AJAX---使用fetch函数发送AJAX请求