【问题标题】:Golang upload file using AJAX [duplicate]Golang使用AJAX上传文件[重复]
【发布时间】: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 中没有多部分边界参数

【问题讨论】:

    标签: javascript ajax go


    【解决方案1】:

    为您准备的一些练习:

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

    【讨论】:

      猜你喜欢
      • 2012-02-10
      • 2018-12-08
      • 2015-01-03
      • 2011-08-20
      • 2014-06-06
      • 1970-01-01
      • 2013-12-01
      • 2023-04-08
      • 2020-01-01
      相关资源
      最近更新 更多