单文件上传

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. svn中.a文件无法上传解决方法

    项目导入后总是缺少.a文件,如shareSDK.a,libPushSDK.a,libbaidumapapi.a等 解决方法 方法一.修改SVN配置文件 通过终端直接打开配置文件: open  ~/.s ...

  2. 在linux下的mysql导入存储过程出现语法错误，需要在文件里加DELIMITER //

    http://my.oschina.net/zerotime/blog/113126 Mysql命令行创建存储过程时,首先要输入分隔符 DELIMITER // CREATE PROCEDURE pr ...

  3. jdk1.5新特性之-------静态导入

    import java.util.ArrayList; import java.util.Collections; /* jdk1.5新特性之-------静态导入 静态导入的作用: 简化书写. 静态 ...

  4. 纯JS脚本发送HTTP请求

    1 var xmlHttp; 2 var iii = 0; 3 if (window.XMLHttpRequest) { 4 xmlHttp = new XMLHttpRequest(); 5 if ...

  5. Solution -「OurOJ 46544」漏斗计算

    \(\mathcal{Description}\)   Link.   定义一个运算结点 \(u\) 有两个属性:当前容量 \(x_u\).最大容量 \(V_u\).提供以下单元操作: I 读入一个整 ...

  6. python 定时任务apscheduler的使用

    apscheduler 的使用   我们项目中总是避免不了要使用一些定时任务,比如说最近的项目,用户点击报名考试以后需要在考试日期临近的时候推送小程序消息提醒到客户微信上,翻了翻 fastapi 中的 ...

  7. 基于Redis分布式BitMap的应用

    一.序言 在实际开发中常常遇到如下需求:判断当前元素是否存在于已知的集合中,将已知集合中的元素维护一个HashSet,使用时只需耗时O(1)的时间复杂度便可判断出结果,Java内部或者Redis均提供 ...

  8. tput用法详解-渐入佳境

    --作者:飞翔的小胖猪 --创建时间:2021年2月28日 tput 命令将通过 terminfo 数据库对终端会话进行初始化和操作. 主要功能为:移动更改光标.更改文本属性颜色.清除屏幕特定区域. ...

  9. Java基础--序列化和反序列化

    作用:在很多应用中,需要对某些对象进行序列化,让它们离开内存空间,入住物理硬盘,以便长期保存.比如最常见的是Web服务器中的Session对象,当有 10万用户并发访问,就有可能出现10万个Sessi ...

  10. WPS备份的位置

    C:\Users\Administrator\AppData\Roaming\kingsoft\office6\backup 也可以从左上图标->工具->备份管理->查看其它备份,直 ...