在javascript中获取对象的值

时间:2014-07-03 17:55:47

标签: javascript jquery json object

我正在尝试使用日期对象获得返回。 但我不能和console.log的firebug我看到你想要使用的价值。

我试图展示我的图片

enter image description here

我需要获取数据对象名称

中返回的值

我的代码(js)

$(function () {
            //'use strict';
            $('#fileupload').fileupload({
                url: '/resource/upfoto2.ashx',
                maxNumberOfFiles: 1,
                dataType: 'json',
                done: function (e, data) {
                    $.each(data.result.files, function (index, file) {
                        $('<p/>').text(file.name).appendTo('#files');
                    });
                },
                progressall: function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('#progress .progress-bar').css(
                        'width',
                        progress + '%'
                    );
                }
            }).bind('fileuploadadd', function (e, data) { $("#progress").show(); })//2
    .bind('fileuploadsubmit', function (e, data) {  })//3
    .bind('fileuploadsend', function (e, data) {  })//5
    .bind('fileuploaddone', function (e, data) {  })//8
    .bind('fileuploadfail', function (e, data) {  })
    .bind('fileuploadalways', function (e, data) {  })//9
    .bind('fileuploadprogress', function (e, data) {
        console.log(data);
    })//6
    .bind('fileuploadprogressall', function (e, data) {  })//7
    .bind('fileuploadstart', function (e) {

    })//4
    .bind('fileuploadstop', function (e, data) {
        $("#boxCrop").load("/resource/crop.html?r="+Math.random(2));
    })//10 - chama ao terminar de fazer o upload da FOTO
    .bind('fileuploadchange', function (e, data) {  })//1
    .bind('fileuploadpaste', function (e, data) {  })
    .bind('fileuploaddrop', function (e, data) {  })
    .bind('fileuploaddragover', function (e) {  })
    .bind('fileuploadchunksend', function (e, data) {  })
    .bind('fileuploadchunkdone', function (e, data) {  })
    .bind('fileuploadchunkfail', function (e, data) {  })
    .bind('fileuploadchunkalways', function (e, data) {  }).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
        });

1 个答案:

答案 0 :(得分:2)

根据您发布的代码,问题是file.Name

的错误人均化
done: function (e, data) {
    $.each(data.result.files, function (index, file) {
        $('<p/>').text(file.Name).appendTo('#files');
    });
},

此外,将空函数绑定到处理程序就好像根本不绑定它们一样,所以我建议你删除任何你没有/不会实际使用的额外处理程序。这使您的代码看起来像这样:

$(function () {
    //'use strict';
    $('#fileupload').fileupload({
            url: '/resource/upfoto2.ashx',
            maxNumberOfFiles: 1,
            dataType: 'json',
            done: function (e, data) {
                $.each(data.result.files, function (index, file) {
                    $('<p/>').text(file.Name).appendTo('#files');
                });
            },
            progressall: function (e, data) {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $('#progress .progress-bar').css(
                    'width',
                    progress + '%'
                );
            }
        }).bind('fileuploadadd', function (e, data) {
            $("#progress").show();
        })
        .bind('fileuploadprogress', function (e, data) {
            console.log(data);
        })
        .bind('fileuploadstop', function (e, data) {
            $("#boxCrop").load("/resource/crop.html?r=" + Math.random(2));
        })
        .prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
});