无法使用CORS下载文件

我想进行跨域请求以从我的Java Web应用程序下载文件。我现在用的是CORS过滤器，并已列入我的部署描述符中的配置文件（web.xml）：无法使用CORS下载文件

 <filter> 
     <filter-name>CorsFilter</filter-name> 
     <filter-class>org.apache.catalina.filters.CorsFilter</filter-class> 
    </filter> 
    <filter-mapping> 
     <filter-name>CorsFilter</filter-name> 
     <url-pattern>/*</url-pattern> 
    </filter-mapping> 
    <filter>

我在href属性跨域网址：

<a href="http:localhost:8080/MyProject/downloadAction.action?fileId=1">download</a>

现在，当我点击链接，整个页面被重定向并且文件被下载。我能知道我该如何实现这一点。谢谢

来源

2017-03-25 stefan_persie

我以前遇到类似的问题。您将无法使用问题中提到的使用href属性的GET请求来下载文件。相反，您可以按建议的here提交嵌入到iframe中的表单，并将表单与您的文件ID一起作为隐藏元素提交，并且应该触发下载。所以，你的锚标记应为：

<a href="javascript:void(0)" onclick="downloadFile('+fileId+')">download</a>

现在通过你的fileid作为参数的onclick JS功能，并定义它像这样：

function downloadFile(fileId) { 
    let $iframe, iframeDoc, iframeHtml; 

    if(($iframe = $('#download_frame')).length === 0) { 
    $iframe = $('<iframe id="download_frame" + 
       ' style="display: none;" src="about:blank"></iframe>' 
       ).appendTo('body'); 
    } 

    iframeDoc= $iframe[0].contentWindow; 
    if (iframeDoc.document) { 
    iframeDoc= iframeDoc.document; 
    } 

    iframeHtml= '<html><head></head><body><form method="POST" action="http:localhost:8080/MyProject/downloadAction.action"><input type="hidden" name="fileId" value="'+fileId+'"></form></body></html>'; 

    iframeDoc.open(); 
    iframeDoc.write(iframeHtml); 

    $(iframeDoc).find('form').submit(); 

}

您可以按照单个或多个文件类似的方法。同样要添加你可以在你的web.xml中包含这个过滤器配置：

<init-param> 
     <param-name>cors.allowed.headers</param-name> 
     <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,X-Test-Header,Cache-Control 
     </param-value> 
    </init-param> 
    <init-param> 
     <param-name>cors.exposed.headers</param-name> 
     <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials 
     </param-value> 
    </init-param>

来源

2017-03-26 07:08:14

感谢您的回复。如果它有效，我会尽量接受你的答案。 –

这工作。真棒！ –

无法使用CORS下载文件

回答

相关问题