Блог

Я выполняю вызов службы через ReactJS и, используя объект запроса, я создал excel, который хранится на моем сервере tomcat. Теперь я хочу показать этот файл в загрузках Chrome, когда получу ответ, и показать местоположение файла (местоположение загрузки) в нижнем колонтитуле, которое мы обычно получаем при загрузке чего-либо через Chrome.

Мой код Reactjs:

   render() {
        const { excelDownloadUrl } = this.props.productUsers;
        if(excelDownloadUrl!=null){
          window.location.href = excelDownloadUrl; //This is changing the URL, I need to just download the file to my downloads. In excelDownloadUrl I am getting the excel file location
        }
        return (
          <React.Fragment>
        

    <Row>
<Button outline color="info" type="button" onClick={()=>this.List()} style={{ marginLeft: "15px" }}>
                <FontAwesomeIcon icon="file-excel"  /> List //On this button click I need to download, getting the excelDownloadUrl from its response only.
                
              </Button>
                </Row>
 

Это место ответа, из которого я беру файл и который должен отображаться при загрузке.

Может кто-нибудь, пожалуйста, подсказать, что мне нужно использовать, чтобы поместить этот файл в мое место загрузки и показать загрузку в нижнем колонтитуле страницы Chrome.

создайте ссылку в своем return () заявлении

например ,

 return (

          ...... all your other stuff 
    <a href={excelDownloadUrl} download>Download here</a>

)