Golang upload file using AJAX [duplicate]

Question

I currently have the following JavaScript code

<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>

I want to process the file on the server-side and return some nice information but I have no idea how to access the file as a binary one (the file is binary)

Trying that js code I can access the property name without problems but the property file will give me nothing

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

What I am missing here? There is readAsBinary for the FileReader class but it says its under development

I tried the following js code

<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>

And on the Go side I will try to load the file with

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

But I am getting this error

no multipart boundary param in Content-Type

Alex Pliutau · Accepted Answer · 2016-09-06 05:33:51Z

2

Few exercises for you:

Parse multipart form: c.Request..ParseMultipartForm(32 << 20)
Change AJAX request a bit:

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

answered Sep 6, 2016 at 5:33

Alex Pliutau

22k28 gold badges115 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Golang upload file using AJAX [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related