首页 > 其他分享 >oss/obs对象存储上传图片,在浏览器输入地址却是下载图片。不能直接在浏览器上查看。

oss/obs对象存储上传图片,在浏览器输入地址却是下载图片。不能直接在浏览器上查看。

时间:2023-03-07 17:58:16浏览次数:42  
标签:浏览器 后缀 oss contentType 上传 图片

1.问题
oss/obs对象存储上传图片获取链接地址后,在浏览器输入地址却是下载。不能直接在浏览器上面浏览图片信息。
2.解决
上传文件的时候需要设置:content-type类型,需要指示浏览器这是什么类型,这样才能在浏览器上面浏览图片信息。浏览器是根据response-headerl里面的Content-Type类型判断的,而不是通过网址后缀文件去判断的。
设置Content-Type:
上传图片:

contentType: image/jpeg

常用图片格式后缀:png,jpg,jpeg,jif,tif,svg,tag
上传文件:

contentType:application/octet-stream

常用文件格式后缀:xlsx,xls,doc,docx,txt,ppt,pptx,xmind,pdf,zip,apk,rar
上传视频:

contentType:video/mp4

常用视频格式后缀:mp4,avi,mov,wmv

标签:浏览器,后缀,oss,contentType,上传,图片
From: https://www.cnblogs.com/eternality/p/17188940.html

相关文章

  • 限制图片上传时的文件大小和尺寸
    constbeforeUpload=(file:any)=>{    constisLt2M=file.size/1024/1024<2;  if(!isLt2M){    ElMessage.error('上传头像图片大......
  • 富文本编辑器粘贴word图片且图片文件自动上传功能
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action......
  • 图片视频组件封装
          <template><div><el-uploadref="upload":class="disabled?'disabled':''"list-type="picture-card":actio......
  • 通过HHDESK,将IPad上的图片导入到个人电脑
    IOS与PC的跨系统“沟壑”一直是一件令人头疼的事情。虽然可以使用微信等工具,实现小文件的传输,但大容量传输,以及在不能联互联网的情况下,跨系统传输依旧不方便。比如,Ios的图......
  • HTML编辑器粘贴word图片且图片文件自动上传功能
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml......
  • Marddown 使用VSCode预览 不显示图片 文件路径正确
    今天用Markdown写总结,图片变成了这样:文件路径是这个:C:\Users\dell\Desktop\A_Folder\#笔记开始以为是路径里有中文的原因,改成了全英文,但还是不显示。于是把"#"也删......
  • ckeditor粘贴word文档图片的功能
    ​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java"......
  • node重命名某文件下的图片名称
    需求将imgs文件下的图片重命名为规则的命名方式letfs=require('fs')letpath=require('path')//获取文件位置leturl=path.join(__dirname,'/imgs/')fs.rea......
  • FLICKR图片分享体验
    flickr作为一个历史悠久的图片分享网站,在使用体验上,跟pinterest相差太大。flickr分享体验,免费版的不能自动分享,只能手动操作,不能像Pintest那样,搞成链接的形式自动分享,这......
  • selenium截取元素,并保存图片到本地
    #xpath截取元素,并保存到本地canvasEle1=driver.find_element_by_xpath('/html/body/div[2]/div/div[1]/canvas[1]')canvasEle2=driver.find_element_by_xpath('/html/b......