Bootstrap

前端用原生js下载File对象文件,多用于上传附件时,提交之前进行点击预览,或打开本地已经选择待上传的附件列表

 

用于如上图场景,已经点击选择了将要上传的文件,在附件列表里面用户希望点击下载文件,以核实自己是否选中了需要上传的文件,此刻就需要 用到下面的方法:

// 下载File对象文件
downloadByFileObject(file, { fileName } = {}) {
    fileName || (fileName = file.name);//文件名包含后缀名
    file = new File([file], fileName); //创建一个file文件
    const elink = document.createElement('a');
    elink.download = fileName, elink.style.display = 'none', elink.href = URL.createObjectURL(file);
    document.body.appendChild(elink), elink.click();
    URL.revokeObjectURL(elink.href), document.body.removeChild(elink);
},

;