浏览器访问nginx转发打开oss上的html页面默认是下载，修改为预览

已于 2023-08-08 14:39:34 修改
阅读量1.2k 收藏 1
点赞数 1
文章标签： nginx 运维
于 2023-07-30 20:40:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31839075/article/details/132011150
版权

使用阿里云盒OSS上传了html页面，在nginx里配置跳转访问该页面时，在浏览器里直接默认下载了该页面，现在想实现预览功能，只需在nginx里的location里修改消息头的Content-Disposition为inline即可

注意要隐藏头信息proxy_hide_header！！！

再次访问html就是预览，不下载了

*宋清歌
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nginx配置访问图片路径以及html静态页面的调取方法
09-30
最后，你可以通过浏览器访问`http://localhost`来测试HTML页面是否正确显示，以及访问`http://localhost/图片文件名`来验证图片是否能够被正确加载。如果一切配置无误，你应该能看到预期的页面和图片。 总的来说，...
阿里云OSS，设置地址打开直接预览
m0_59933286的博客
09-11 4319
阿里云对象存储上传的图片打开是下载，这里需要预览，而非下载。
阿里云图片上传OSS成功后打开地址不能预览只能下载问题记录
weixin_43401380的博客
03-24 1万+
官方说明:访问您的图片文件，无法预览，直接下载，是由于从从2019年9月23日起，针对之后新建的Bucket，直接使用OSS提供的默认域名，从互联网访问OSS上该Bucket的图片类型文件时，mimetype为以下值，Response。即从浏览器访问图片类型文件时，会以附件形式进行下载，如果您要直接在浏览器中预览文件而非下载文件，请设置文件HTTP头中的Content-Disposition为inline并使用Bucket绑定的自定义域名进行访问。Header中会自动加上。
Oss上传的html文件不能直接访问，浏览器打开直接下载了
adminxiaofan的博客
02-24 7104
如题这个问题纠结了半天。 因为之前是在七牛上操作的，这一下给我的感觉是 oss水平真的是烂。呵呵呵 需要给OSS的桶子绑定了域名，适用域名就可以传了。 有点坑额 例子 ：http://oss-test.prod-code.com/online/ProductDetailToOss-107855585525848616.html ...
阿里云OSS 绑定域名访问html文件而不是打开下载
糖果云专栏
03-27 4253
1.新建Bucket 2.上传简单html 权限设置为公共读，不然用户访问不到。 3.绑定域名 如果现在直接访问域名需要把文件路径填上去才能访问到。 设置静态页面首页就可以直接访问域名到首页 注意绑定域名的时候 www.abc.com abc.com 两个需要使用的话，就必须在第三点都绑定，如果绑定其一自己去域名管理做解析设置是没有反应的。 ...
前端预览oss上传的html文件
weixin_39112918的博客
08-28 719
【代码】前端预览oss上传的html文件。
如何配置OSS中的文件是预览还是下载
dorlolo的博客
02-19 1548
使用阿里云的sdk上传文件时指定请求头"content-type"在阿里云提供的oss工具中也能修改, 如OSS Browser。在阿里云的oss控制台中也能更改文件请求头。
Nginx 代理转发阿里云OSS上传的实现代码
01-10
因为小程序上传需要https，服务器https用的是letsencrypt生成的证书，但是阿里云oss没有做https（懒得上传证书），就想着用Nginx代理转发上传请求。 Nginx配置 # HTTPS server # server { listen 443 ssl; ...
PHP 网站修改默认访问文件的nginx配置
10-19
本文将深入讨论如何在Nginx服务器上修改默认的访问文件设置，以便更好地控制网站资源的访问。 在通常情况下，当用户访问网站的根目录时，Nginx会默认寻找并提供index.php、index.html或index.htm文件作为首页。但是...
nginx和tomcat访问图片和静态页面的配置方法
09-30
在配置nginx和tomcat来访问图片和静态页面的过程中，涉及到多个环节，从文件目录的创建到nginx服务的安装、配置和启动，再到具体的nginx配置指令的使用，我们将逐一进行详细阐述。 首先，为了存放图片和静态页面，...
工具文件OSS
07-07
OSSSuperToolBox_src.zip
阿里云如何配置访问OSS文件时是预览行为
最新发布
shixuyong的博客
03-15 2431
阿里云如何配置访问OSS文件时是预览行为
升级https配置nginx后网页总是下载index.html
shantsc的专栏
10-15 3938
今天做自己小程序的后台，发现微信只支持https，不得已，自己搞上了ssl证书。但是一切配置完成之后，打开网页，总是直接下载文件，原来的网页不能访问。后来仔细查原因，是因为在配置nginx的server的时候，没有指定index文件给谁处理，后台是php写的。 nginx的配置文件内容 server { listen 443; server_name 5...
解决阿里云oss图片浏览器访问直接下载而不是打开
热门推荐
todoitbo的博客
06-24 9万+
解决阿里云oss图片浏览器访问直接下载而不是打开
阿里云OSS图片文件和html文件无法直接打开，只能下载
ClarenceWang_CN的博客
01-26 8799
这个是阿里云在2018年和2019年分别对其OSS进行策略调整之后的结果。         2018年8月13日之后开启的Bucket，直接使用OSS访问域名，从互联网访问OSS上的htm、 html、jsp、plg、htx 和stm类型文件时，都会被阿里云直接强制下载，具体升级公告： 【升级】8月13日OSS网页类型文件访问返回Header策略调整通知     &n
解决：阿里云OSS访问图片地址默认下载而不是在线预览
程序和我有一个能跑就行了
06-23 2万+
找到你设置文件类型的地方 getContentType方法中。 注意：下图圈红的地方。在线预览必须设置为：image/jpg类型，如果你访问后默认下载，检查下是不是设置成了image/jpeg。
浏览器从后台获取的图片直接打开与下载
weixin_41156904的博客
06-02 1504
浏览器图片文件预览以及下载
上传图片到阿里云OSS并在页面预览
sakura的博客
01-06 8005
对象存储OSS 海量、安全、低成本、高可靠的云存储服务，提供99.9999999999%(12个9)的数据持久性。使用RESTful API 可以在互联网任何位置存储和访问，容量和处理能力弹性扩展，多种存储类型供选择全面优化存储成本。 第一步: 导入依赖 <dependency> <groupId>com.aliyun.oss</groupId> <artifactId>aliyun-sdk-oss</artifactId> .
阿里云对象存储OSS中上传的资源在生成URL链接时直接在浏览器中打开而不是下载的问题解决方法
qq_48454315的博客
05-04 9813
对象存储OSS资源直接在浏览器打开
访问阿里云存储的pdf实现在网页直接预览而不直接下载
06-03
要实现在网页直接预览阿里云存储的 PDF 文件，可以使用阿里云的 OSS（Object Storage Service）和PDF.js库。具体步骤如下： 1. 将 PDF 文件上传到阿里云 OSS 上，获得文件的访问地址。 2. 在网页中引入 PDF.js 库，并创建一个容器用于显示 PDF 文件。 3. 使用 XMLHttpRequest 对象获取 PDF 文件的二进制数据。 4. 使用 PDF.js 提供的 API 将二进制数据转换成 PDF 文件内容，并在容器中显示出来。 以下是示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>预览PDF文件</title> <script src="https://cdn.bootcdn.net/ajax/libs/pdf.js/2.7.570/pdf.min.js"></script> </head> <body> <div id="pdf-container"></div> <script> // 获取 PDF 文件的二进制数据 var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://your-bucket.oss-cn-hangzhou.aliyuncs.com/your-file.pdf', true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { if (this.status == 200) { // 将二进制数据转换成 PDF 文件内容 var pdfData = new Uint8Array(this.response); pdfjsLib.getDocument(pdfData).promise.then(function(pdf) { // 在容器中显示 PDF 文件 pdf.getPage(1).then(function(page) { var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); var viewport = page.getViewport({scale: 1}); canvas.width = viewport.width; canvas.height = viewport.height; document.getElementById('pdf-container').appendChild(canvas); page.render({canvasContext: context, viewport: viewport}); }); }); } }; xhr.send(); </script> </body> </html> ``` 在实际使用中，需要将上述代码中的“your-bucket”和“your-file.pdf”替换成实际的阿里云 OSS 存储桶名称和 PDF 文件访问路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值