a标签无法下载.txt.png.jpg.pdf等文件解决方案

最新推荐文章于 2024-08-12 18:33:45 发布

冬懂懂动

最新推荐文章于 2024-08-12 18:33:45 发布

阅读量2.8k

点赞数

文章标签： pdf 前端 javascript

本文链接：https://blog.csdn.net/q649780593/article/details/127652840

版权

当使用a标签下载txt、图片、pdf等文件时，浏览器可能直接打开而非下载。通过a标签的download属性，通常能解决部分问题，但对某些可识别的文件类型无效。文中提供了一种方法，确保这些文件能够被浏览器正确下载。

摘要由CSDN通过智能技术生成

对于浏览器无法识别的文件，可以通过a标签+download属性达到点击下载的效果

对于浏览器可以识别的文件，如果txt，图片文件等，点击a标签默认会直接打开文件
即使配置download属性也无效

对于直接打开文件的情况，这里附上我自己的解决办法，可以实现让浏览器不打开文件，直接下载

const downloadFile = (url = '', fileName = '下载的文件') => {
   
	// 使用xhr下载文件
    const xhr = new

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冬懂懂动

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

a链接下载对jpg,txt文件无效

qq_42924421的博客

09-07

245

a链接下载对jpg,txt无效项目中需要上传下载功能，下载功能本人用a链接的方式实现。所遇问题：对a链接加入download属性后仍对jpg,txt等文件直接打开。解决方法:在下载地址即url后拼接’?response-content-type=application/octet-stream’即可。解决思路从一条分享博客的评论区找到，如有侵权，请联系本人删除。仅做记录。 ...

a标签不会下载txt文件的问题

我的博客

01-09

4326

今天在做文件下载示例的时候，使用a标签下载一个txt文件的时候，浏览器始终都是直接打开这个文件，而不是将它下载到本地，但是下载xls，doc格式的文件时，却是直接下载的，原代码如下文件下载测试后经百度之后，发现，使用a标签去下载文件的时候，要是文件格式是浏览器支持打开的格式，例如：txt，jpg...，浏览器便不会去下载，而是直接打开这个文件，需要将html代码改成如下格式便可

1 条评论您还未登录，请先登录后发表或查看评论

下载.txt文件方法有哪些？

最新发布

qq_53895518的博客

08-12

243

1.1. a标签行内默认：get请求。1.2. a标签另一种方式。2、下载文件 post 请求。index.js接口文件👇。

a标签无法下载pdf文件，只能预览时的解决方法

solitude1128的博客

07-11

1675

最后解决办法是，用http请求文件，接口返回文件流，前端处理后，就可以下载了。可能的问题有很多，我遇到的问题是域名不同，所以只能预览，不能下载。但是很困扰我的一个问题是我用axios，给一样的参数就不能用。jq的ajax就没问题，有大神可以帮忙解答下吗？随便搞个html文件就可以试了。记得引入jq的在线链接。

a标签下载图片失败的原因

qq_33389919的博客

04-25

770

获取到图片的base64之后，控制台可以打印出来base64，可是a标签的点击事件响应之后一直没有反应。排查了浏览器的默认事件是否阻挡了a标签的事件，等等各种原因。最终发现是图片大小12.3M过大影响了下载。 ...

前端使用a标签下载文本，有时候会遇到“网络错误-下载失败”问题

weixin_44108327的博客

09-07

1600

方法1：这种的有时候会遇到报错。方法2：创建Blob，生成URL。

vue下载图片a标签只能跳转打开无法下载问题

weixin_42340514的博客

04-21

2404

情景1：如果存在CORS问题，先将图片转成base64 ：（亲测有效） downloadIamge(imgsrc, name) {//下载图片地址和自定义图片名称 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let canvas = document.createElement("canvas"); can.

Spire.Pdf无水印解决pdf转化图片中文乱码的问题

10-26

PDF文档处理是IT行业中常见的需求，特别是在数据转换和可视化方面。`Spire.Pdf`是一款由E-iceblue公司开发的.NET PDF库，它提供了丰富的API来帮助开发者...对于C#开发者来说，这无疑是一个高效且可靠的PDF解决方案。

java文件文档在线预览项目解决方案系统源码.zip

05-19

JAVA文件文档在线预览项目解决方案，对标业内付费产品有【永中office】【office365】【idocv】等，该项目使用流行的spring boot搭建，易上手和部署，支持主流办公文档的在线预览，如doc,docx,Excel,pdf,txt,zip,rar,...

小程序预览PDF文件插件Pdf.js

11-20

其核心理念是将PDF解析为一系列的图像和文本元素，然后在浏览器的Canvas元素上绘制这些元素，提供了一种跨平台、兼容性强的PDF预览解决方案。首先，我们需要在项目中引入Pdf.js。可以从Github或者其他可靠的源下载...

VR材质库无法显示贴图解决方案.pdf

11-11

如果仍然存在问题，检查一下是否所有步骤都按要求完成，或者确认贴图文件格式是否与VR材质库兼容，如.jpg、.png或.tga等常见格式。总的来说，解决VR材质库无法显示贴图的问题主要涉及贴图路径的配置、正确选择渲染...

使用a标签无法下载某些文件的解决方法

BHSZZY的博客

03-07

4037

没想到，这样写，网上找了个exe的url、下载了下是没有问题的，3.网上还说，如果后端返回的header里加上这样的东西的话，前端请求时也就可以是下载文件、而不是打开新页面了。

a 标签的download 属性在谷歌浏览器下无法下载图片，如何处理？

weixin_30892763的博客

06-19

4519

a 标签的download属性在下载图片文件的时候是如何的方便，可是可是谷歌浏览器不支持下载，而是下载打开新窗口预览图片。这个兼容性问题如何解决呢？了解了一番，HTMLCanvasElement.toBlob()方法可以用以展示canvas上的图片；这个图片文件可以被缓存或保存到本地，由用户代理端自行决定。更多HTMLCanvasElement.toBlob()详情前去https://de...

a标签下载pdf文件

qq_41395120的博客

10-11

4743

通过a标签的download属性可以实现下载pdf文件，不过有一个弊端：网站和pdf文件必须在同一域名下才可行，不然就是先打开一个新标签预览，然后点击下载按钮进行下载。

a标签下载pdf文档

AngieLife

10-30

6506

开发过程中，有时我们需要点击a标签然后可以下载pdf文档，但是结果经常是pdf文档直接就在浏览器中打开了，那么想要直接下载需要怎么实现呢？实现方式：在a标签的href中写上要下载的pdf文档的地址，加上download下载属性，最后记得让后台给.pdf加个content-type头：application/octet-strea！ ...

a标签实现文件下载

Calamus

12-27

2757

如果想通过纯前端技术实现文件下载，直接把a标签的href属性设置为文件路径即可，如下： <a href="./calamus.pdf">下载</a> 但是，对于 txt , jpg , pdf 等浏览器支持直接打开的文件不会被执行下载，而是会直接打开，这时候就要用到新属性download了 download也可以为空，这样就是默认文件名 &...

a标签下载附件，无法下载、无法重命名？怎么回事

哈哈哈，呜呜呜

03-29

3708

a>的download属性是HTML5新增的属性，它可以使 a 标签的href属性进行下载，download属性为下载后的文件名这个值可能会通过JavaScript进行动态修改或者中指定的download属性优先级高于a.download。

a标签下载pdf、excel、图片等文件

zezejingi的博客

06-09

2257

1、a标签中添加download属性，但是这个方法有时候会失效，这是因为download不支持跨域请求，网站和pdf文件必须在同一域名下才可行，不然就是先打开一个新标签预览。2、在pdf文件下载链接后加response-content-type=application/octet-stream，在浏览器中打开pdf文件链接时，浏览器会默认进行下载。3、动态创建a标签进行下载。

使用make latexpdf报错! LaTeX Error: Cannot determine size of graphic in icon-note.gif (no BoundingBo

07-14

请确保图片文件实际上存在于指定的路径中，并且文件名的拓展名（例如 .gif、.png、.jpg 等）正确。 2. 检查图片格式：某些 LaTeX 编译工具对图片格式有特定要求。例如，pdfLaTeX 只支持插入 PDF、PNG 和 JPG 格式的...