如何使用ajaxFileUpload jQuery插件传递数据

时间:2014-08-08 08:31:36

标签: javascript jquery json jquery-plugins

我正在使用ajaxFileUpload jQuery插件将图像上传到ASP.NET服务器。

我能够成功上传图片,但我也想将数据传递到服务器。我无法这样做。当我尝试传递JSON数据时,我在浏览器的控制台中收到以下错误:

jQuery.handleError is not a function

Javascript代码:

 $.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;
        ............

如何将JSON数据传递到服务器?感谢。

1 个答案:

答案 0 :(得分:1)

在此链接上:http://www.jchilders.com/AjaxFileUpload/demo/ 它说可以用来传递数据的选项:

  

additionalData:您希望传递的附加数据   请求。

您可以尝试以这种方式发送数据:

  

var data = {" varId" :varValue};