реагировать скачать документ на той же странице

Question

Я пытаюсь скачать файл на той же странице. Но проблема не происходит.

Я отлаживал код, получая данные в переменную b64Data. URL добавляется в blobUrl, но мне нужно скачать на той же странице, что и эта скрипка http://jsfiddle.net/ovfiddle/7NqKb/

Можете ли вы сказать мне, как это исправить?

Предоставляя мой фрагмент кода ниже:

fileContents = (data) => {
        console.log(data);
        console.log("data.content--->", data.data.content);
        var contentType = 'application/pdf';

        var b64Data = data.data.content;

        var blob = b64toBlob(b64Data, contentType);
        var blobUrl = URL.createObjectURL(blob);
        console.log("displayDocumentData blobUrl--->", blobUrl);
        //window.location = blobUrl;
        console.log(blobUrl);
        this.setState({ downloadUrl: blobUrl });


    }


    <Button
    onClick={e => {
        this.props.actions.downloadDocumentData(this.fileContents);
    }}
    variant="outlined"
    color="primary"
    size="small"
// className={classes.button}
>

    Download Document test
</Button>

Answer 1

Попробуйте вот так

const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.setAttribute('visibility', 'hidden');
link.setAttribute('download', 'your file name');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);