angular 上传文件到 golang

最新推荐文章于 2023-02-03 12:47:17 发布

BlackCarDriver

最新推荐文章于 2023-02-03 12:47:17 发布

阅读量518

点赞数 1

分类专栏： Angular 文章标签： angular 上传图片 formdata

本文链接：https://blog.csdn.net/BlackCarDriver/article/details/87871285

版权

Angular 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客展示了如何在Angular应用中利用jQuery向Golang服务器上传图片，详细阐述了HTML表单、TypeScript处理及Golang接收文件的实现过程。

摘要由CSDN通过智能技术生成

本代码演示在angular中使用jquery向golang后端上传图片

html

<div class="div1">
  <form >
    <h3>jQuery用FormData实现文件上传</h3>
    <input type="file" id="avatar" name="images" multiple><br>
    <button type="button" id="button1">上传文件</button>
  </form>
</div>

TypeScript

 
  ngOnInit() {
    var serve_url = "http://192.168.25.128:4400";
    // jQuery上传文件
     $('#button1').click(function(){
      var files = $('#images').prop('files');
      console.log(files);
      var data = new FormData();
      data.append('image', files[0]);
      $.ajax({
       url: this.serve_url + "/upload/",
       type: 'POST',
       data: data,
       cache: false,
       processData: false,    //避开jQuery对 formdata 的默认处理
       contentType: false     //加上正确的Content-Type   
      });
    });

  }

Golang

func uploadfunction(w http.ResponseWriter, r *http.Request){
	w.Header().Set("Access-Control-Allow-Origin", "*") 
	r.ParseForm()
	fmt.Println("req.Method : ",r.Method)
	uploadFile, handle, err := r.FormFile("image")
	if err!=nil {
		fmt.Println("err :",err)
	}
	fmt.Println("filename :" ,handle.Filename)
	os.Mkdir("./driver-images/", 0777)
	saveFile, err := os.OpenFile("./driver-images/" + handle.Filename, os.O_WRONLY|os.O_CREATE, 0666);
	if err != nil {
		fmt.Println("err :",err)
	}
	io.Copy(saveFile, uploadFile);
	defer uploadFile.Close()
	defer saveFile.Close()
	fmt.Println("Copy complace !")
}