最近做項(xiàng)目遇到要把文件放在前端項(xiàng)目中，然后點(diǎn)擊下載
完整代碼：
import React from 'react';
import { Button, Card } from 'antd';
import EXAM_TEMPLATE from '@/assets/exam_template.xlsx';
class BatchImport extends React.PureComponent {
handledDownload = () => {
window.open(EXAM_TEMPLATE);
};
render(){
return(
<Card bordered={false}>
<Button onClick={this.handledDownload}>下載考級(jí)題庫模板</Button>
</Card>
);
}
}
export default BatchImport;
- 先把文件放在靜態(tài)目錄src/assets里面
- 通過import引入
import EXAM_TEMPLATE from '@/assets/exam_template.xlsx';
- 用window.open打開訪問鏈接（即下載）
window.open(EXAM_TEMPLATE);
