添加下载全部文件功能
This commit is contained in:
parent
29064fc5e5
commit
9e7f0a2b7e
@ -36,6 +36,7 @@ export default function CardProj(props: any) {
|
|||||||
const [downModal, setDownModal] = useState(false)
|
const [downModal, setDownModal] = useState(false)
|
||||||
// 是否已经点击下载按钮
|
// 是否已经点击下载按钮
|
||||||
const [hasDown, setHasDown] = useState(false)
|
const [hasDown, setHasDown] = useState(false)
|
||||||
|
// 是否可以关闭等待下载弹窗
|
||||||
// // 选项数组
|
// // 选项数组
|
||||||
// const [tagArray, setTagArray] = useState([])
|
// const [tagArray, setTagArray] = useState([])
|
||||||
// // 获取标签
|
// // 获取标签
|
||||||
@ -94,12 +95,7 @@ export default function CardProj(props: any) {
|
|||||||
// 发送请求
|
// 发送请求
|
||||||
const response = await Axios.get(
|
const response = await Axios.get(
|
||||||
`${Axios.defaults?.baseURL}/route/proj/download/all/${projId}`,
|
`${Axios.defaults?.baseURL}/route/proj/download/all/${projId}`,
|
||||||
{
|
{ responseType: 'blob' } // 指定响应类型为 blob
|
||||||
responseType: 'blob', // 设置响应类型为 blob
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/octet-stream',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
);
|
||||||
|
|
||||||
// 检查状态码
|
// 检查状态码
|
||||||
@ -117,14 +113,14 @@ export default function CardProj(props: any) {
|
|||||||
link.click(); // 触发下载
|
link.click(); // 触发下载
|
||||||
document.body.removeChild(link); // 下载完成后移除 <a> 元素
|
document.body.removeChild(link); // 下载完成后移除 <a> 元素
|
||||||
// 释放 URL 对象
|
// 释放 URL 对象
|
||||||
window.URL.revokeObjectURL(url);
|
// window.URL.revokeObjectURL(url);
|
||||||
} else {
|
} else {
|
||||||
console.error('下载失败');
|
console.error('下载失败');
|
||||||
// 你可以在这里处理错误情况,例如显示错误消息
|
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('请求失败', error);
|
console.error('请求失败', error);
|
||||||
// 你可以在这里处理错误情况,例如显示错误消息
|
|
||||||
} finally {
|
} finally {
|
||||||
// 无论请求成功与否,下载完成后都重置 hasDown 状态
|
// 无论请求成功与否,下载完成后都重置 hasDown 状态
|
||||||
setHasDown(false);
|
setHasDown(false);
|
||||||
|
Loading…
Reference in New Issue
Block a user