由于項(xiàng)目需要,需要實(shí)現(xiàn)一個批量下載的功能。具體流程為,我傳入一個id,從后臺獲取這個id下所有文件的下載地址,通過循環(huán)調(diào)用實(shí)現(xiàn)批量下載由于公司找的網(wǎng)盤端不支持跨域訪問,無法通過axios來進(jìn)行下載,只能通過a標(biāo)簽的download屬性來進(jìn)行操作,在實(shí)現(xiàn)的過程中遇到了問題。xxx.vue 文件 <el-button type="text" class="title" @click="downloads(scope.row)">下載</el-button> <a :href="uri" ref="a" download style="display:none">下載</a>js代碼 downloads(row) { get(row.id).then(res => { if (res.data.length > 0) { for (const id of res.data) { this.$refs.a.href = id this.$refs.a.click() } } }) },這段代碼在單文件時,每個瀏覽器均下載正常,但是超過1個的時候除了chrom會提示是否允許多文件下載之外,諸如safiri,firefox都只會下載第一個文件。求教各位大牛如何解決這個問題。
通過js遍歷下載地址數(shù)組實(shí)現(xiàn)多文件下載的問題
海綿寶寶撒
2019-03-05 10:11:12