widow.open 下载文件注意

最新推荐文章于 2024-12-11 10:08:33 发布
原创 最新推荐文章于 2024-12-11 10:08:33 发布 · 3.7k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#extension #jsp
本文介绍了如何在web.xml中配置文件类型映射，包括zip、xls和rar文件的MIME类型设置。

在web.xml加入

<web-app>

        <mime-mapping>
                <extension> zip </extension>
                <mime-type> application/zip </mime-type>
        </mime-mapping>
        <mime-mapping>
                <extension> xls </extension>
                <mime-type> application/vnd.ms-excel </mime-type>
        </mime-mapping>
        <mime-mapping>  
                <extension> rar </extension>  
                <mime-type> application/octet-stream </mime-type>  
        </mime-mapping>

</web-app>

 

jsp文件

window.open("../reports/targetFiles/file.xls");

window.open配合document.write实现图片预览而非下载
m0_63026408的博客
07-12 1636
点击事件后要 打开新窗口 预览图片（png，jpg--图片类型不是pdf或者文档）window.open()方法与document.write()方法结合。打开指定URL的页面。如果没有指定URL，打开一个新的空白窗口。
前端实现文件下载的方法
MoXinXueWEB的博客
07-31 1万+
小菜鸟在熬夜
通过window.open使用url下载文件和download属性
孜然卷的博客
09-15 7142
JavaScript通过window.open（url）下载文件修改文件名
JavaScript打开窗口函数（Window.Open）使用详解、绝对路径与相对路径的获取与转换(含ASP.NET)
IT Tech
01-23 1048
JavaScript打开窗口函数（Window.Open）使用详解   一、Location对象的使用简介 location对象： location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。 hash属性：hash标注是一个url很好的习惯用法，它指
【JS】前端文件下载(无刷新)方法总结
weixin_30342209的博客
04-15 890
#传统方法 利用iframe 或 form.submit 或 windows.open直接向后端发请求,后端返回文件流，后端处理成功后会直接返回到页面，浏览器会整理并打开自己的保存下载文件机制 。 1、利用form.submit直接向后端提交,后端返回文件流 　　1）前端代码： 1 var downloadURL = "RestHandle.ashx"; 2 var t...
window.open(文件url)不能成功下载文件
bei_311609000905的博客
03-14 6338
背景： 工作中发现window.open()，无论如何也不会下载文件，但是直接点击文件url是可以下载到的。 还好近期有成功下载案例，所以初步猜测是文件url某部分不一样，然后看到csdn上的某博主也遇到类似问题，他的提示如下： 即决解方法是：文件url的 http改用https 所以请后端同学修改下接口中的协议方案名为https就好了～ ...
window.open() 下载文件问题分析
fxinn的博客
03-18 1万+
首先这种模式适用于后端返回文件流的模式。 window.open() 打开新的链接，这个链接访问到文件地址之后，就开始下载。其实同理 用a链接下载也是可以的，a链接添加 download 属性，然后herf链接是要下载的文件 原文参考：https://blog.csdn.net/weixin_46074961/article/details/105677732 https://blog.csdn.net/qq_38555490/article/details/99697993 ...
文件下载注意问题
EmotionComputer
10-13 1148
直接通过ajax不能实现下载，可以通过表单、window.open()、location.href = ‘’、ifream、a标签实现。 最近做导出excel文件，在下载的时候都是在浏览器输出乱码，然后就想到是不是ajax请求不能直接请求下载文件，果然是这样。 应用场景 前端想访问一个下载文件的接口，如果使用ajax方式进行访问的话，可以看到状态码是200，是已经成功的，但是文件并没有下载成功，你不管修改请求类型是POST，还是GET，或者是PUT，甚至是DELETE，结果都是200，但就是下载不了。 .
js实现文件下载功能
热门推荐
kaiup的博客
05-14 3万+
一、a标签下载 <body> <button onClick="download()">a标签下载</button> <script> function download(url = 'http:www.xxx.com/download?name=file.pdf', fileName = '未知文件') { const a = document.createElement('a'); a.style.display = '
前端实现文件下载的几种方法
最新发布
weixin_69174819的博客
12-11 7754
前端实现文件下载的几种方法
JavaScript通过window.open(url)下载文件修改文件名
AAyyy1的博客
03-08 9368
JavaScript通过window.open（url）下载文件修改文件名 前端在页面上用window.open(filePath)下载服务器本地存储的文件，下载的名称为存储时的名称，若想要重新命名。用以下方法： function downloadFile(filePath,name) { const link = document.createElement('a') link.style.display = 'none' link.href = filePath link
前端文件下载总结 3种方法2种数据类型 （a标签，window.open，blob文件对象下载）
weixin_66029924的博客
08-14 2924
前端下载文件的方法
关于前端实现文件下载功能
qq_33653886的博客
06-04 1565
1、通过window.open()打开新页面下载文件 window.open(`url`, '_self') 使用场景：下载excel文件，后端提供接口，接口返回的是文件流，可以直接使用window.open()，最简单的方式。 优点：最简洁； 弊端：当参数错误时，或其它原因导致接口请求失败，这时无法监听到接口返回的错误信息，需要保证请求必须是正确的且能正确返回数据流，不然打开页面会直接输出接口返回的错误信息，体验不好。 2、通过a标签打开新页面下载文件 export const exportFile
js文件下载替换文件名，vue下载文件替换文件名
waillyer的博客
10-24 4624
下载文件方法 1、window.open和window.location.href a，window.open()在下载文件的时候会打开一个新的页面，同时会暴露链接地址， 而且会在下载文件的过程中，访问链接2次，虽然前端只下载了一次文件，但是服务端会生成2次文件。 b，对于rar.doc.等浏览器不能打开的文件，使用window.location.href是完全可以实现下载的。 示例： window.location.href="http://下载.rar" ，等同于<a href="http:/
javascript使用a标签实现文件下载
码农键盘上的梦
04-19 4390
前端利用a标签实现文件（图片）下载，也就是教大家利用a标签或者是 window.open() 来实现下载功能。
下载文件的三种具体实现方式
过客如期的博客
01-18 6906
const post = (url, params) => { // 创建form元素 var temp_form = document.createElement(“form”); // 设置form属性 temp_form.action = url; temp_form.target = “_self”; temp_form.method = “post”; temp_form.style.display = “none”; // 处理需要传递的参数 for (var x in params) {
【JavaScript编程】前端实现文件下载
猿始森林
03-30 2669
设置请求的响应类型为blob，这样就可以接收到文件流。然后，通过获取文件流创建Blob URL，来实现下载
angular WEB 文件导出，文件下载
xuehu837769474的博客
09-27 1450
1、window.open()打开新页面下载文件 window.open(`url`,'_self') 优点：最简洁； 缺点：当参数错误时，或其它原因导致接口请求失败，这时页面会停留在新打开的页面中，无法监听到接口返回的错误信息，只在页面中直接输出错误，尽量不适用此方法下载文件 2、a标签打开新页面下载文件 export const exportFile = (url, fileName) => { const link = document.createElement('a..
文件下载
weixin_41632551的博客
12-25 4392
前端代码 注意：此次使用方法为window.open()，需设置后端请求头，告诉浏览器，要下载东西了。 //下载 function download(id){ var gridData = $('#jqGrid').jqGrid('getRowData',id); if(gridData.state_disp=="未上传"){ layer.alert("未上传该证件，无法下载"); r...
接口请求下载文件
黑玫瑰
11-27 1023
首先是请求接口会返回res，然后再调用下面的方法即可 ExportCSV(res) { console.log(res) const blob = new Blob([res.data], { type: "application/vnd.ms-excel" }) const filename = decodeURI((res.headers['content-disposition'] && res.headers['content-disp
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值