单文件上传

cat index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<!-- 上传文件要用 form 标签的 enctype="multipart/form-data" 属性, 表明二进制上传-->

<form action="/upload" method="post" enctype="multipart/form-data">

    <div>

        <label for="up">选择文件: </label>

        <input type="file" name="f1" id="up">

        <br>

        <input type="submit" value="点击上传">

    </div>

</form>

</body>

</html>

后端 demo

package main

import (

	"github.com/gin-gonic/gin"

	"net/http"

	"path"

)

func main() {

	r := gin.Default()

	r.LoadHTMLFiles("index.html")

	r.GET("index", func(c *gin.Context) {

		c.HTML(http.StatusOK,"index.html",nil)

	})

	r.POST("/upload", func(c *gin.Context) {

		// 1. 接收前端上传文件

		// gin 内置了 FormFile 方法来接收前端上传的文件

		// 处理 HTML multipart forms 提交文件时默认的内存限制是32 MiB

		// 可以通过下面的方式修改

		// router.MaxMultipartMemory = 8 << 20  // 8 MiB

		f,err := c.FormFile("f1")

		if err != nil {

			c.JSON(http.StatusInternalServerError,gin.H{

				"msg": err.Error(),

			})

		} else {

			// 2. 保存文件到服务端

			// filePath := fmt.Sprintf("./%s",f.Filename) //

			filePath := path.Join("./",f.Filename) // path 标准库

			//  gin 内置了 SaveUploadedFile 方法来保存前端上传的文件

			c.SaveUploadedFile(f,filePath)

			c.JSON(http.StatusOK,gin.H{

				"msg": "ok!",

			})

		}

	})

	r.Run(":9090")

}

多文件上传

有时候需要一次上传多个文件，gin 也提供了相应的模块，来接收多个文件。然后 for 循环遍历上传。

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<!-- 上传文件要用 form 标签的 enctype="multipart/form-data" 属性, 表明二进制上传-->

<form action="/uploads" method="post" enctype="multipart/form-data">

    <div>

        <label for="up">选择文件: </label>

        <!-- 多文件上传时 input 标签要使用 multiple="multiple" 属性 -->

        <input type="file" name="f1" id="up" multiple="multiple">

        <br>

        <input type="submit" value="点击上传">

    </div>

</form>

</body>

</html>

多文件上传后端 demo

package main

import (

	"github.com/gin-gonic/gin"

	"net/http"

	"path"

)

func main() {

	r := gin.Default()

	r.LoadHTMLFiles("index.html")

	r.GET("index", func(c *gin.Context) {

		c.HTML(http.StatusOK,"index.html",nil)

	})

	r.POST("/uploads", func(c *gin.Context) {

		// gin 多文件上传 MultipartForm 方法读取多个文件

		form, err := c.MultipartForm()

		if err != nil {

			c.JSON(http.StatusInternalServerError,gin.H{

				"msg": err.Error(),

			})

		}

		// File 方法，把前端选中的多个文件放到 一个 map 类型里

		files := form.File["file"]

		// range 遍历 map, for 循环上传

		for _,file := range files{

			dst := path.Join("./", file.Filename)

			//dst := fmt.Sprintf("./%s_%d", file.Filename)

			c.SaveUploadedFile(file,dst)

		}

	})

	r.Run(":9090")

}

Gin 08 上传文件的更多相关文章

  1. golang 上传文件(包括 gin 实现)

    golang web服务有时候需要提供上传文件的接口,以下就是具体示例.为了示例简单(吐槽下 golang 的错误处理), 忽略了所有的错误处理.本文会用两种方式(标准库和gin)详细讲解 golan ...

  2. ASP.NET、JAVA跨服务器远程上传文件(图片)的相关解决方案整合

    一.图片提交例: A端--提交图片 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string u ...

  3. 记一次FTP上传文件总是超时的解决过程

    好久没写博,还是重拾记录一下吧. 背景:买了一个阿里云的云虚拟机用来搭建网站(起初不了解云虚拟主机和云服务器的区别,以为都是有SSH功能的,后来发现不是这样样子啊,云虚拟机就是FTP上传网页+MySQ ...

  4. WebView 上传文件 WebChromeClient之openFileChooser函数

    原链接:http://blog.saymagic.cn/2015/11/08/webview-upload.html?utm_source=tuicool&utm_medium=referra ...

  5. CXF：通过WebService上传文件，包括大文件的处理

    参考网上文章,用CXF发布上传文件接口,并上传大文件的测试. 框架:spring3.1+cxf2.7.6 1.定义文件类实体 import javax.activation.DataHandler; ...

  6. Java 上传文件到 SFTP 抛异常 java.lang.NoClassDefFoundError: Could not initialize class sun.security.ec.SunEC 的解决办法

    最近从 Op 那里报来一个问题,说是SFTP上传文件不成功.拿到的 Exception 如下: Caused by: java.lang.NoClassDefFoundError: Could not ...

  7. WP8_(windows phone环境下)上传文件从C#到php接口

    在windows phone环境下,将手机上的图片上传到服务端(php环境): 注意事项:在上传的地方,头文件中name,例如name= img,则在php服务端处理时 ,需要约定好 存取一致 php ...

  8. winform 上传文件

    using System; using System.Collections.Generic; using System.Text; using System.Net; using System.IO ...

  9. github上传文件

    说来也惭愧,我是最近开始用github,小白一个,昨天研究了一个下午.终于可以上传了,所以今天写点,一来分享是自己的一些经验,二来也是做个记录,万一哪天又不记得了:) 废话不多说,直接来,这次主要介绍 ...

随机推荐

  1. CentOS下搭建自动化测试基础框架：Jenkins+Maven+TestNG+ReportNG

    1. 安装JDK 1.1 卸载系统默认已安装的open-jdk rpm -qa|grep java 查出来openjdk相关的应用,把查出来的所有都要通过下面的命令给卸载掉 rpm -e --node ...

  2. 关于增强for循环的使用

    1 class MultipleQUestion extends Question{ //多选题类 2 3 private char[] answer; //多选题答案属性 4 5 public ch ...

  3. kubeadm部署安装+dashboard+harbor

    kubeadm 部署安装+dashboard+harbor master(2C/4G,cpu核心数要求大于2) 192.168.80.10 docker.kubeadm.kubelet.kubectl ...

  4. vc++调试总结

    .在debug->windows下,有以下调试窗口 1)Breakpoints管理断点信息 可以新建条件断点,函数断点,以及特定地址改变断点(用于检测数据发生改变时机点) 在断点处,可以进入汇编 ...

  5. suse 12 升级 OpenSSH-7.2p2 到 OpenSSH-8.4p1

    文章目录 1.查看当前当前环境信息 1.1.查看openssh当前版本 1.2.查看当前linux发行版 2.部署telnet-server 2.1.下载telnet-server 2.2.配置tel ...

  6. Ansible-DevOps

    Ansible-DevOps Ansible 搭建 CentOS7 yum install epel-release yum search ansible yum install ansible -y ...

  7. c++动态内存管理与智能指针

    目录 一.介绍 二.shared_ptr类 make_shared函数 shared_ptr的拷贝和引用 shared_ptr自动销毁所管理的对象- -shared_ptr还会自动释放相关联对象的内存 ...

  8. 轩辕展览-为什么要做VR虚拟展厅设计？

    沉浸感,有趣和互动体验VR虚拟展厅设计给客户带来高度的沉浸感和互动体验,给客户一种真实的感觉,让客户更愿意参与,使商家的宣传更加客观. 展示方式多样化 ,增加宣传优势在展示产品或企业时,VR全景可达到 ...

  9. Wireshark教程之统计功能

    实验目的 1.工具介绍 2.主要应用 实验原理 Wireshark的原名是Ethereal,新名字是2006年起用的.当时Ethereal的主要开发者Gerald决定离开他原来供职的公司NIS,并继续 ...

  10. [Unity] 编辑器运行中动态编译执行C#代码

    (一)问题 之前写Lua时,修改完代码 reload 就可以热重载代码,调试起来十分方便(重构则十分痛苦). 现在使用 C# 做开发,目前还没找到比较方便地进行热重载的方式.只能退而求其次,在调试上找 ...