Golang使用AJAX上传文件[重复]

Posted 2023-05-07

【中文标题】Golang使用AJAX上传文件[重复]

【英文标题】：Golang upload file using AJAX [duplicate]

【发布时间】：2017-01-13 07:22:05

【问题描述】：

我目前有以下 javascript 代码

<script>
    $(document).ready(function() 
        $('#preview').click(function() 
            var file = document.getElementById("widget-file").files[0];
            var fr = new FileReader();
            fr.readAsArrayBuffer(file);
            fr.onload = function() 
                $.post("/admin/snact/info", 
                    "file": fr.result,
                    "name": "test"
                ).done(function(data) 
                    console.log(data)
                );
            
        );
    );
</script>

我想在服务器端处理文件并返回一些不错的信息，但我不知道如何以二进制文件的形式访问文件（文件是二进制文件）

尝试 js 代码我可以毫无问题地访问属性名称，但属性文件不会给我任何东西

...
INFO.Println(c.Request.FormValue("file"), c.Request.FormValue("name"))
...

我在这里缺少什么？ FileReader 类有 readAsBinary，但它说它正在开发中

我试过下面的js代码

<script>
    $(document).ready(function() 
        $('#preview').click(function() 
            var file = document.getElementById("widget-file").files[0];
            var fr = new FileReader();
            fr.readAsArrayBuffer(file);
            fr.onload = function() 
                var fd = new FormData();
                fd.append("file", fr.result);
                fd.append("name", "test");
                $.ajax(
                    url: "/admin/snact/info",
                    data: fd,
                    processData: false,
                    contentType: "multipart/form-data",
                    type: "POST"
                ).done(function(data) 
                    console.log(data)
                );
            
        );
    );
</script>

在 Go 端，我将尝试加载文件

INFO.Println(c.Request.FormFile("file"))

但是我收到了这个错误

Content-Type 中没有多部分边界参数

【参考方案1】：

为您准备的一些练习：

解析多部分表单：c.Request..ParseMultipartForm(32 << 20) 稍微改变 AJAX 请求：

data.append('file', file);
// ...
$.ajax(
//...
    contentType: false,
    processData: false,