无法在本地的React Application中下载pdf

时间:2018-07-11 14:15:05

标签: javascript reactjs

  

我正在使用reactjs创建投资组合,无法下载   单击继续恢复pdf文件。我收到没有文件的消息。

     

这是我的简历组成部分

import React, { Component } from 'react';
import './Resume.css';
import resume from '../doc/ResumeAbhishek.pdf';

class Resume extends Component {
    render() {
        return (
            <div>
                <div className="row">
                    <div className="col">
                        <center>RESUME DOWNLOAD</center>
                    </div>
                </div>
                <br />
                <div className="row">
                    <div className="col">
                        <center>
                            <a type="button" className="btn btn-secondary btn-lg"
                            href={resume}
                            download="ResumeAbhishek.pdf">
                                <i class="fa fa-download" aria-hidden="true" />
                                &nbsp; Resume</a>
                        </center>
                    </div>
                </div>
            </div>
        );
    }
}

export default Resume;

1 个答案:

答案 0 :(得分:0)

为什么要从pdf导入?您的href应该是文件的路径,类似这样的方法应该起作用:

 <a type="button" 
    className="btn btn-secondary btn-lg"
    href='/path/to/ResumeAbhishek.pdf'
    download>
 </a>