分享

beego:将服务器上的图片显示到客户端浏览器

 菌心说 2021-09-08

将服务器上的图片显示到客户端浏览器

// @Title // @Description 显示图片 // @Paramnum query stringtrue比如:图片名字20181120164548_75_jd.jpg // @Success 200 // @router /ShowImage [get] func (u *FirstpageController) ShowImage() { u.Ctx.ResponseWriter.Header().Set('Access-Control-Allow-Origin', u.Ctx.Request.Header.Get('Origin')) filename := u.GetString('num') //获取需要上传的文件文件名 //查看文件名类型是否正确 picture := strings.Split(filename,'.') //读取到字符串,并以.符号分隔开 layout := strings.ToLower(picture[len(picture)-1]) //把字母字符转换成小写,非字母字符不做出处理,返回此字符串转换为小写形式的副本。 if layout != 'jpg' { //1533398400000 u.Ctx.WriteString('图片格式必须为:(jpg)') panic('图片格式必须为:(jpg)') } //查看本及其上面是否存在需要的图片 readPath := beego.AppConfig.String('uploadpath') img:= path.Join(readPath,filename) u.Ctx.Output.Header('Content-Type', 'image/jpg') u.Ctx.Output.Header('Content-Disposition',fmt.Sprintf('inline; filename=\'%s\'',img)) file, err := ioutil.ReadFile(img) if err != nil { beego.Info('文件不存在') return } u.Ctx.WriteString(string(file)) }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

SWAGGER测试效果:
在这里插入图片描述

u.Ctx.Output.Header(“Content-Disposition”,fmt.Sprintf(“inline; filename=”%s'',img))

响应头信息中的Content-Disposition用于告知浏览器其获取到的文件是需要展示与页面内还是需要作为附件保存到用户本地,如果需要展示在页面内,设置为inline,否则设置为attachemnt

u.Ctx.Output.Header(“Content-Type”, “image/jpg”)

告诉客户端本服务器提供的对象的类型是image/jpg。image/jpg根据需要改,比如image/png,image/jpg等

u.Ctx.WriteString(string(file))

渲染浏览器客户端

服务器端保存客户端发送的图片

// @Title
// @Description      意见
// @Param123      query    []bytefalse   获取图片二进制流出
// @Success 200
// @router /UpALL [post]
func (u *TodayRptController) UpALL() {
u.Ctx.ResponseWriter.Header().Set('Access-Control-Allow-Origin', u.Ctx.Request.Header.Get('Origin'))

tmpfile, fheader, err  := u.Ctx.Request.FormFile('123')   // u.GetFile('123') 效果相同  “123”是二进制流的键名.获取上传的文件
if err != nil{
panic(err)
}
defer tmpfile.Close()  //关闭上传的文件,不然的话会出现临时文件不能清除的情况
path := '/home/ocena/' + '20181212.jpg'  //设置保存路径
beego.Info('Header:', fheader.Header) //map[Content-Disposition:[form-data; name='123'; filename='upimage.jpg'] Content-Type:[image/jpeg]]
beego.Info('Size:', fheader.Size)    //114353
beego.Info('Filename:', fheader.Filename)  //upimage.jpg
u.SaveToFile('123', path)
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19

postmain模拟发送图片到浏览器:
在这里插入图片描述

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多