希望有da lao可以帮我解决一下这个问题,做项目卡在这里好几天了 :(
问题如下:
我是直接把下载任务放到了前端的js里,没有向后台请求下载。我要下载的docx文档是放在了项目文件里,其中包含文字和图片。
代码如下:
<script>
function aaa(url, filename) {
return fetch(url).then(res => res.blob().then(blob => {
let a = document.createElement('a');
let url = window.URL.createObjectURL(blob);
console.log(url)
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
}))
}
aaa('./全球互联网信息挖掘报告.docx','测试.docx')
</script>
结果浏览器控制台报错:
说是找不到文件。
但是我把上面的js代码放在项目的test.html中,这个test.html我独立运行是可以下载文件的
然后放到项目里就出了上面的问题。
你使用的是同级目录下,在test.html中可以下载是因为要下载的文件和html在同级目录下。
在项目中,可能就不在同目录下了。
前端项目的文件? 有webpack吗 直接 require 就行呗