react-bootstrap按钮链接onclick和href

时间:2017-06-08 13:37:30

标签: javascript html react-bootstrap

我想从react-bootstrap Button触发图像下载。图像是在运行中生成的。这是我的反应组件的render方法中的代码:

<Button
        href="#"
        ref={ (button) => { this.downloadSnapshotButton = button; } }
        type="button"
        title="Take snapshot"
        onClick={this.takeSnapShot}
        download
      />

然后,这是我的onClick处理程序中调用的函数:

 takeSnapShot() {
    const alink = ReactDOM.findDOMNode(this.downloadSnapshotButton);
    alink.href = this.doTakeSnapshot();
    return true;
 }

doTakeSnapshot函数以data:image/jpeg...(base64编码)的形式返回图像数据URI。

我希望弹出文件下载对话框以下载jpeg图像。但没有任何反应。任何帮助将不胜感激!

0 个答案:

没有答案