[beego学习] AJAX文件上传

2021-05-11 19:35:09 阅读：190 来源： 互联网

标签：function beego console log res upload AJAX 上传

AJAX文件上传

1.前端代码

<script>
    $(function(){
        $("#uploadBtn").click(function(){
            var formdata = new FormData();
            console.log($("#uploadFile"));
            formdata.append("file", $("#uploadFile")[0].files[0])

            $.ajax({
                url:"/Upload",
                type:"POST",
                data:formdata,
                processData:false,          // 注意
                contentType:false,          // 注意
                success:function(res){
                    console.log("upload success");
                    console.log(res);
                },
                fail:function(res){
                    console.log("upload failed");
                    console.log(res);
                }
            })
        });
    });
</script>
<body>
    <form>
        <input type="file", id = "uploadFile"/><br>
        <input type="button", value = "上传" id = "uploadBtn"/>
    </form>
</body>

两个参数不想深究，记录下就行了

2.后端处理POST请求

func (c *UploadController) Post(){
    // 获取上传的文件
    f, h, err := c.GetFile("file")
    if err != nil{
        fmt.Println("error")
    }

    defer f.Close() 		// 延迟关闭
    fmt.Println(h.Filename)

    // 保存文件
    c.SaveToFile("file", "upload/"+h.Filename)		//后一个参数是保存文件目录名, 文件夹必须要事先就已有,
    // c.Ctx.WriteString("上传成功")

    c.Data["json"] = map[string]interface{}{
        "code":200,
        "msg":"success",
    }
    c.ServeJSON()
}

标签：function,beego,console,log,res,upload,AJAX,上传
来源： https://www.cnblogs.com/laughingpig/p/14756830.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

[beego学习] AJAX文件上传

AJAX文件上传