Golang使用AJAX上传文件

时间:2016-09-05 23:29:54

标签: javascript ajax go

我目前有以下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 个答案:

答案 0 :(得分:2)

很少有练习:

  1. 解析多部分表单:c.Request..ParseMultipartForm(32 << 20)
  2. 稍微更改AJAX请求:
  3. data.append('file', file);
    // ...
    $.ajax({
    //...
        contentType: false,
        processData: false,