单文件上传

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. getter-setter方法练习

    // // Kline.h #import <Foundation/Foundation.h> @interface Kline : NSObject { int _max; // 最高价 ...

  2. pyrealsense2学习

    如何得到realsense设备信息 前提:将D455连接在电脑上,并且已经下载好 Realsense Viewer 打开Realsense Viewer--> Info, 便可得到相机的一些参数 ...

  3. 3、网络并发编程--udp代码、操作系统发展史、多道技术、进程理论

    昨日内容回顾 socket基本使用 # 内置的模块 import socket s = socket.socket() # 默认是TCP协议 也可以切换为UDP协议 s.bind((ip,port)) ...

  4. Solution -「SDOI 2017」「洛谷 P3784」遗忘的集合

    \(\mathcal{Description}\)   Link.   给定 \(\{f_1,f_2,\cdots,f_n\}\),素数 \(p\).求字典序最小的 \(\{a_1,a_2,\cdot ...

  5. Nginx兼容框架的pathinfo模式与URL重写

    几乎所有的框架(ThinkPHP,Zend Framework,CI,Yii,laravel等)都会使用URL重写或者pathinfo模式,使URL看起来更美观,比如可以隐藏掉入口文件,并且有利于搜索 ...

  6. 聊聊几个阿里 P8、P9 程序员的故事

    大家好,我是对白. 阿里 P8 程序员年薪百万已经是公开的秘密了,有人关心他们年薪百万,而我更加关注阿里这些 P8.P9 程序员的成长故事,在聊这些大牛的故事之前,跟大家稍微简单聊下阿里技术人等级制度 ...

  7. 本地虚拟机在NAT网络连接模式下如何设置才可以访问外网以及使用Xshell远程连接

    本文演示环境: 笔记本电脑系统:windows 7 虚拟机系统:CentOS 7 虚拟化软件:VMware Workstation 12 远程连接工具:Xshell 5 第一步: 打开虚拟网络编辑器 ...

  8. requests post/get请求params参数和post请求正文的数据类型记录

    1. 前言 在写接口数据驱动测试框架时,(从excel表中读取的非数据的值都是str类型),发送post/get请求因为数据类型原因,请求失败,走了一些弯路,记录总结一下请求的参数或者请求正文的数据类 ...

  9. hacker模拟环境

    https://geekprank.com/hacker/

  10. S32Kxxx bootloader之CAN bootloader

    了解更多关于bootloader 的C语言实现,请加我Q扣: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制bootloader(在线升级程序). 最近完成了S32Kxx ...