单文件上传

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. java中将SimpleDateFormat类型转换成Date类型

    try {String dateString = "2009-08-02 13:43:00";DateFormat df = SimpleDateFormat("yyyy ...

  2. Java泛型详解，史上最全图文详解！

    泛型在java中有很重要的地位,无论是开源框架还是JDK源码都能看到它. 毫不夸张的说,泛型是通用设计上必不可少的元素,所以真正理解与正确使用泛型,是一门必修课. 一:泛型本质 Java 泛型(gen ...

  3. 03并发编程（多道技术+进程理论+进程join方法）

    目录 03 并发编程 03 并发编程

  4. shell脚本部署zookeeper-3.4.10 [含注释]

    文章目录 zk_install.sh conf/config conf/zoo_template.cfg package zk_install.sh #!/bin/bash base_path=$(c ...

  5. 利用 kubeasz 给 suse 12 部署 kubernetes 1.20.1 集群

    文章目录 1.前情提要 2.环境准备 2.1.环境介绍 2.2.配置静态网络 2.3.配置ssh免密 2.4.批量开启模块以及创建文件 2.5.安装ansible 2.5.1.安装pip 2.5.2. ...

  6. Ultra Math Preview : VSCode上的LaTeX公式实时预览插件

    一直觉着 VS Code 的 TeX 公式(包括 markdown 和 LaTeX)只能在定界符上hover预览,或者开一个预览面板看,没有那种像 Typora 一样紧跟在公式后面的预览面板,多少有些 ...

  7. tip7：CentOS8虚拟机安装相关总结

    使用工具:Win10家庭版.WM12Pro.CentOS8. 一.安装 之前使用虚拟机安装操作系统使用的都是OpenSuse,也有相关备份.但是在Win10家庭版上用不了,启动电脑蓝屏(可能某些硬件不 ...

  8. [源码解析] NVIDIA HugeCTR，GPU版本参数服务器--- (6) --- Distributed hash表

    [源码解析] NVIDIA HugeCTR,GPU版本参数服务器--- (6) --- Distributed hash表 目录 [源码解析] NVIDIA HugeCTR,GPU版本参数服务器--- ...

  9. jmeter参数化文件路径问题

    问题 win下做好的带参数化文件的脚本,放到linux下运行,由于参数化文件路径不正确,导致脚本运行失败,如果解决这个问题呢? 方案一:参数化路径 比如,参数化文件我放到jmeter的bin目录下,参 ...

  10. scrapy的介绍、组件、数据流

    scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架,我们只需要实现少量代码,就能够快速的抓取到数据内容. scrapy使用了twisted异步网络框架来处理网络通讯,来加快我们的下载速 ...