How to pass data using ajaxFileUpload jQuery Plugin

Question

I am using ajaxFileUpload jQuery plugin to upload an image to ASP.NET server.

I was able to upload an image successfully, but I also want to pass data to the server as well. I wasn't able to do so. When I try to pass a JSON data I get the following error in the browser's console:

jQuery.handleError is not a function

The Javascript code:

 $.ajaxFileUpload
(
    {
        url: 'http://localhost:23999/administration.asmx/UploadedFile',
        secureuri: false,
        fileElementId: 'ImageUpload',
        dataType: 'json',
        data: "test",
        success: function (data, status) {
            if (typeof (data.error) != 'undefined') {
                if (data.error != '') {
                    alert(data.error);
                } else {
                    alert(data.msg);
                }
            }
        },
        error: function (data, status, e) {
            alert(e);
        }
    }
)

WebService C#:

[WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string UploadedFile()
    {
        var a = HttpContext.Current.Request;
        HttpPostedFile file = HttpContext.Current.Request.Files[0];

        byte[] buffer;
        Stream fileStream = file.InputStream;
        ............

How can I pass JSON data to the server? Thanks.

Camille Douine · Accepted Answer · 2014-08-08 09:15:03Z

1

On this link : http://www.jchilders.com/AjaxFileUpload/demo/ it says there's an option you could use to pass data :

additionalData : Additional data you would like to pass along with the request.

You can try to send the data this way :

var data = { "varId" : varValue };

edited Aug 8, 2014 at 9:15

answered Aug 8, 2014 at 8:41

Camille Douine

16612 bronze badges

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

6 Comments

Liron Harel Over a year ago

It's a different script, and the links to the source don't work

Camille Douine Over a year ago

thanks. Without the "data" option, your code works, right ? Could you show the ajaxfileupload.js code as well please ? can't find it with the link you gave.

Liron Harel Over a year ago

Yes it works without it. When I pass the data value, I can see that it read it inside the plugin, but something goes wrong from that point on, something that I can't figure out.

Liron Harel Over a year ago

It works now with the data for some reason :) -- do you know how can I access it in .NET?

Camille Douine Over a year ago

I need more info to help you. Could you show the plugin code ? And the code you use on the server side ? When you say " I can see that it read it inside the plugin", where exactly do you read it ?

|

Collectives™ on Stack Overflow

How to pass data using ajaxFileUpload jQuery Plugin

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related