How to send a csv file through xhrPost()?

Question

Currently, my form element looks like below:

<form enctype="multipart/form-data" name="copyReplaceForm" method="POST" action="/app/applications/copyreplace/postCsv">

But instead of giving the action, enctype and method on the <form>, I want to send it using dojo.xhrPost().

Could someone please tell me how to send using xhrPost?

Also, my REST code piece looks like below:

@POST
@Path("/bulkCopyReplaceFirst")
@Produces(MediaType.TEXT_PLAIN)
@Consumes(MediaType.MULTIPART_FORM_DATA)

My xhrPost looks like below

var result;
dojo.xhrPost({
        url :"/CopyReplace/bulkCopyR",
        preventCache: true,
        contentType : "multipart/form-data",
        load: function(response) {
                txtResponse = response;
                console.log("response is : txtResponse"+txtResponse)
        },
        error: function(error, ioArgs) {
                console.log("postImageOptions() ERROR :: " + error);
                console.log("postImageOptions() ioArgs :: " + ioArgs);
                return error;
        }


    });
}

[How do I format my code blocks?](//meta.stackoverflow.com/q/251361) — Tushar, Jan 30 '17 at 03:40
you might find this [this](http://stackoverflow.com/questions/14459618/multipart-form-data-ajax-request-in-dojo) helpful — Dheeresh, Jan 30 '17 at 09:09

score 0 · Answer 1 · answered Feb 01 '17 at 19:22

The url in the xhrPost and the path specified in @Path annotation are not the same.

You should add a form property to the xhrPost.

var result;
dojo.xhrPost({
        url :"/bulkCopyReplaceFirst",
        form: document.forms["copyReplaceForm"],
        load: function(response) {
                txtResponse = response;
                console.log("response is : txtResponse"+txtResponse)
        },
        error: function(error, ioArgs) {
                console.log("postImageOptions() ERROR :: " + error);
                console.log("postImageOptions() ioArgs :: " + ioArgs);
                return error;
        }


    });
}

Thanks very much. It worked. :) But, I have used `dojo.io.iframe.send({` — PPH, Feb 02 '17 at 02:58

score 0 · Answer 2 · answered Apr 11 '17 at 14:10

You can directly use the Dojo Uploader.

var up = new Uploader({
            label: "Upload csv",
            multiple: false,       // true if you can upload more files
            uploadOnSelect: false,   // true if you want to upload without clicking on the submit of the from
            url: "/path/name.csv",   // the route path to the backend (xhr url)
            style: "",
            onBegin: function() {
               // start of upload
            },
            onProgress: function(rev) {
               // uploading...
            },
            onChange: function() {
               // on file change
               var file = up.getFileList();
             }
         }, this.domNode);

How to send a csv file through xhrPost()?

2 Answers2