​​​​​​​视频时直接下载而不是打开预览（打开http链接视频）

最新推荐文章于 2024-03-15 16:39:51 发布
最新推荐文章于 2024-03-15 16:39:51 发布
阅读量1.2k 收藏 1
点赞数 1
文章标签： html javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30661979/article/details/109742629
版权

 视频时直接下载而不是打开预览

mp4文件下载而不是打开问，解决如下，在href的http链接后加上“?response-content-type=application%2Foctet-stream”

我本地测试通过，具体如下代码？

<a href="https://XX.mp4?response-content-type=application%2Foctet-stream">方法方法付</a>

 

qq_30661979
关注
Tableau学习教程（万字保姆级教程）​​​​​​
小菜菜的博客
05-01 4万+
​Tableau学习教程（保姆级教材，学不会私信留言来找我） 从BI系统开发的角度来学习tableau工具，更学会报表开发的流程 内含学习使用数据源，tableau打包工作簿，可直接提取使用 ​...
​可视化绘图技巧100篇进阶篇（三）-三维柱形图
getusushu的博客
08-10 210
三维柱形图适合用来比较多组数据在多个维度上的差异和相似性，特别适用于显示复杂的数据关系。在需要同时比较多个数据点的情况下，也提供了一种直观的展示方式。同时也适用于展示有时间维度的数据，可以通过时间轴展示数据的变化趋势。（3D Bar Chart）是一种数据可视化图表，用于展示多个数据组别在多个维度上的比较。它在二维柱形图的基础上增加了一个维度，通过高度、宽度和深度来表示数据的值，从而在可视化中呈现立体感。同时当数据点过多时，可能会导致图表的视觉混乱，难以准确比较各组数据。
前端实现视频或者图片直链下载
博哥的二进制世界
09-14 2818
前端实现视频或者图片直链下载 前端通过a标签点击视频直链或者图片直链，会单独打开页面并进行播放视频或者展示图片，但是不会实现直接下载。 为了解决这一问题，我们可以通过以下方法，实现视频或者图片直链下载 downVideo (url, name){ var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'arraybuffer'; // 返回类型blob xhr.onload = fu
JS端基于download.js实现图片、视频时直接下载而不是打开预览
11-21
项目中的附件列表，通常情况都需要提供下载、删除的功能，功能本身没有什么要说的，都是基本功能，使用浏览器的的下载功能，也都是用window.open(url)，或者[removed].href=url的方式，url即为附件下载接口，浏览器自动解析，如果是图片、视频、txt等格式的会直接预览文件，而不是像docx、xlsx一样直接下载，项目中为了功能明确，将预览单独加了一个查看按钮，下载按钮要实现无论什么文件格式都直接下载。 有两种方式处理： 一.后台接口层面处理：（比较常见） 响应头中添加标识： Response.AddHeader(“Content-Disposition”, “
解决window.open()打开图片链接直接下载，而不是新窗口预览的问题
最新发布
weixin_43688854的博客
03-15 1526
window.open打开一个jpeg格式的链接，预期是在新窗口预览，但是直接下载了。我的最终解决方法参照 这个链接 用html包裹图片链接可以解决。
mp4视频在浏览器中打开后只下载而不播放的问题
leveretz的博客
05-18 1895
mp4视频在浏览器中打开后只下载而不播放的问题
前端js实现图片视频文件直接下载而不是打开新页面预览
xuefeng11111的博客
10-10 3799
刚接到一个需求，要求在一个页面进行视频点击下载，而不是点击之后跳转到新页面进行预览 之前做过下载图片都是通过转成base64的形式进行下载，但是视频文件太大，这种方式肯定是不行的，后来网上查了一下，可以通过转换成Blob格式进行下载，这种方式可以是可以，但是有一个问题，就是必须等ajax请求完成之后，才会弹出下载框，而且这种方式其实文件已经下载到内存中了，在你点击下载之后就直接可以下载下来了，但是如果文件1G大小还通过这种方式下载的话就太不人性化了 后来，才发现，这个问题解决的话需要后端进行处理 需要后端设
防止文件在浏览器预览，直接下载到本地
bobo_supper的博客
11-01 954
实际需求：在许多开发当中，点击下载（尤其PDF、图像格式）的文件，会直接在浏览器打开，不会直接的下载；所以此代码就是处理防止浏览器直接打开，点击下载接口直接下载到本地。
微信小程序开发入门教程 含视频 有源码
热门推荐
一名屌丝程序员的秘密花园
07-03 2万+
微信小程序开发入门教程 　　做任何程序开发要首先找到其官方文档，我们先来看看其有哪些官方文档。 微信小程序开发文档链接为：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html，如下图：     这里就是做微信小程序开发的全部官方文档。 知道了文档的位置，下面我们来介绍下如何做一个微信小程序开发：  /******
Python脚本下载今日头条视频 附加Android版本辅助下载器
hgfujffg的博客
11-13 1072
Python脚本下载今日头条视频 附加Android版本辅助下载器
ONVIF协议及协议测试工具使用详解
dvlinker的技术专栏
07-21 8341
Onvif协议及协议测试工具使用详解
web项目中对mp4等类型文件强制下载
Lencth的博客
05-18 1046
web项目中对mp4等类型文件强制下载 前端在chrome浏览器使用url下载mp4文件时,浏览器会直接打开该文件进行播放，过查阅资料最终从后端解决了该问题，并且该方法适用于所有类型的文件强制下载，具体实现步骤如下： 1、引入公共工具类方法，此方法可避免下载时，文件名出现的乱码问题。 import com.gold.stone.dto.MaterialDto; import com.gold.stone.dto.ResultDto; import javax.servlet.http.Htt.
http请求资源下载还是打开显示
乐在其中
06-25 8585
1、浏览器通过url请求资源的原理和实质 我们先看一个url地址。 http://localhost/download.php?Content-Dispositon=attachment（以下简称url1） 我们以php为例解释下在web浏览器输入这个地址后服务器上的apache服务器是怎么运作的。 首先，浏览器设计的初衷就是请求资源，url的意思就是统一资源定位器。 url1 就是请求
根据视频链接并下载视频(mp4格式)
weixin_44779945的博客
12-08 6962
直接上代码 export function download(url, filename) { getBlob(url, (blob) => { saveAs(blob, filename); }) } const getBlob = (url, cb) => { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload =
video标签无法加载视频，地址放入浏览器会直接下载的问题
m0_58680712的博客
06-27 2177
video标签无法加载视频，地址放入浏览器会直接下载的问题
【前端】js下载文件(mp4视频图片pdf等) 而不是新窗口直接打开
我是Superman丶的博客
09-13 1318
window.open window.open(url, '_blank'); a标签 const ele = document.createElement('a'); //新建一个a标签 ele.setAttribute('href', url); ele.click(); blob fetch(url).then((res) => res.blob().then((blob) => { var a = document.createElement('a'); var url
http协议的MP4文件播放问题的分析
weixin_34082177的博客
08-03 3285
现在手上有两个链接（1） http://202.108.16.173/cctv/video/8C/35/EB/E8/8C35EBE84E7B483C8741CF9A60154993/gphone/480_320/200/0.mp4（2） http://202.108.16.173/cctv/video/8C/35/EB/E8/8C35EBE84E7B...
浏览器点击生成的下载链接点击事实现下载而不是自动播放并且指定下载文件名
poetteaes的博客
07-08 2508
对于视频或者图片文件，生成的下载链接，在浏览器中点击的时候，可能会自动播放，而不是下载。生成下载链接时可以通过指定response header的content-type参数来实现下载而不是自动播放，如下设置： content-type: application/octet-stream 下载的时候默认的名称是下载链接处的文件名，如果想指定文件名，生成下载链接时可以通过指定response...
关于前端如何下载后端接口返回content-type为application/octet-stream的文件
weixin_39228870的博客
10-24 2939
后端接口定义为直接返回一个文件，如果带认证信息可以直接通过浏览器url下载，但是接口需要传headers认证信息，url上又不支持传相关信息。
window.open打开新窗口预览docx文件而不是下载
09-09
要实现打开新窗口预览docx文件而不是下载，可以通过以下步骤进行操作。 首先，确保浏览器中已经安装了能够预览docx文件的插件或者默认的docx文件预览器。一般来说，现代浏览器都会自带默认的文档预览器。 然后，在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值