静态文件的上传代码

本文介绍如何使用前端form表单上传静态文件,并展示了后端如何接收这些文件,进行格式验证、大小限制及重命名处理,最后将文件信息存入数据库。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 静态文件上传

    • 前端代码

      如果form表单中牵涉到文件上传,在form表单中就需要添加一个属性enctype="multipart/form-data"不然上传就是假上传,后台不能获取到上传的文件。<form>修改如下:

        <form method="post" action="/addArticle" enctype="multipart/form-data">
            <input type="file" class="input_file"  name="uploadname">

       

    • 后台代码修改

      后台接收上传文件有两个函数可以用。

      GetFile(key string) (multipart.File, *multipart.FileHeader, error)

      作用 是获取前端传递过来的文件。

      参数 是input标签中的name值

      返回值 有三个,一个是文件流(就是我们打开文件返回的内容),第二个是文件相关信息,包括文件头,文件大小,文件名字等,第三个是错误信息。示例代码如下:

          file,head,err := this.GetFile("uploadname")
            if err != nil{
                beego.Info("上传图片错误,请重新添加!")
                this.TplName = "add.html"
                return
            }

      SaveToFile(fromfile, tofile string) error

      作用直接保存前端出过来的文件。

      参数 有两个参数,第一个参数是前端<input>标签的name属性值,第二个参数是文件在服务器端存储的位置。注意:这个位置字符串在前面需要加一个.

      返回值是错误信息。示例代码如下:

        err := this.SaveToFile("uploadname","./static/img/1.jpg")
        if err != nil{
                beego.Info("上传图片错误,请重新添加!")
                this.TplName = "add.html"
                return
            }

       

    • 在我们开发过程中,如果后台接收文件并存储需要做以下几种判断

      文件格式判断

      我们通过GetFile可以获取到文件名,然后通过path包,可以分离出文件的后缀,即文件格式,把你需要的文件格式过滤出来,不需要的返回即可。我们根据文件名获取文件后缀,代码如下:

        //文件格式判断
            fileExt := path.Ext(head.Filename)
            if fileExt != ".jpg" && fileExt != ".png" && fileExt != ".jpeg"{
                beego.Info("上传图片格式不正确,请重新添加!")
                this.TplName = "add.html"
                return
            }

      文件大小的判断

      我们获取文件之后,在存储之前,文件流一般是在内存中,所以文件不易过大,我们在这里做一个文件大小的判断。代码如下:

        //文件大小判断
            if head.Size > 5000000{
                beego.Info("上传图片太大,请重新添加!")
                this.TplName = "add.html"
                return
            }

      避免文件重名

      获取文件之后我们要把文件存储到服务器上,但是用户可能会上传同名的文件,如果文件同名的话,后来上传的文件就把之前上传的文件给覆盖了,所以我们要给上传的文件重新确定一个名字。这里我们以上传文件时的时间作为上传文件的文件名。默认的时间格式和我们常见的时间格式不一样,所以这里我们需要对事件做一个格式化。格式化字符串为"2006-01-02-15-04-05(规定的必须是这个,方便记忆可以用6-1-2-3-4-5来记)代码如下:

        fileName := time.Now().Format("2006-01-02-15-04-05")
        //存储
        this.SaveToFile("uploadname","./static/img/"+fileName+fileExt)

       

  • 保存数据到数据库

    这里是数据的插入操作,我们不做详细解释,直接看代码:

       //插入数据库
          //获取orm对象
          o := orm.NewOrm()
          //获取要插入的对象
          var article models.Article
          //给对象赋值
          article.ArtiName = articleName
          article.Acontent = content
          //这一步需要注意,我们存储的图片是图片地址,没有 .
          article.Aimg = "/static/img/"+fileName+fileExt
          //插入
          o.Insert(&article)

     

  • 返回视图

    如果没有视图,先返回一句话,代码如下:

    
      this.Ctx.WriteString("添加成功")

     

  • 完整代码如下:

     //获取数据
          articleName := this.GetString("articleName")
          content := this.GetString("content")
      ​
      //数据校验
          if articleName == "" || content == ""{
              beego.Info("添加文章数据不完整,请重新输入")
              this.TplName = "add.html"
              return
          }
      ​
      //获取上传图片
          file,head,err := this.GetFile("uploadname")
          defer file.Close()
      ​
          if err != nil{
              beego.Info("上传图片错误,请重新添加!")
              this.TplName = "add.html"
              return
          }
          //文件格式判断
          fileExt := path.Ext(head.Filename)
          if fileExt != ".jpg" && fileExt != ".png" && fileExt != ".jpeg"{
              beego.Info("上传图片格式不正确,请重新添加!")
              this.TplName = "add.html"
              return
          }
      ​
          //文件大小判断
          if head.Size > 5000000{
              beego.Info("上传图片太大,请重新添加!")
              this.TplName = "add.html"
              return
          }
      ​
          //避免文件重名
          fileName := time.Now().Format("2006-01-02-15-04-05")
          this.SaveToFile("uploadname","./static/img/"+fileName+fileExt)
      ​
      //插入数据库
          //获取orm对象
          o := orm.NewOrm()
          //获取要插入的对象
          var article models.Article
          //给对象赋值
          article.ArtiName = articleName
          article.Acontent = content
          //这一步需要注意,我们存储的图片是图片地址,没有.
          article.Aimg = "/static/img/"+fileName+fileExt
          //插入
          o.Insert(&article)
      ​
      //返回视图
          this.Ctx.WriteString("添加成功")

     

时间显示上可能会出问题,Mysql的自动时间戳会比我们的真实时间晚八个小时。原因是因为我们没有设置Mysql的时间戳,所以Mysql的自动添加时间是以美国东部时间为准,这里我们需要改成北京时间:代码如下

  mysql > SET time_zone = '+8:00';   # 此为北京时,我们所在东8区
  mysql> flush privileges;   # 立即生效
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值