1

我使用 jquery 编写了一个小脚本将文件上传到服务器。该文件已成功上传，并且 done: 事件被调用，没有问题，但我在处理答案时遇到问题。这是我的脚本：

    <input id="fileupload" type="file" name="carPicture" accept="image/*" multiple>
    <div id="progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/vendor/jquery.ui.widget.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/jquery.iframe-transport.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("javascripts/jquery.fileupload.js")" type="text/javascript"></script>
    <script>
        $(function () {
            'use strict';
            // Change this to the location of your server-side upload handler:
            var url = "uploadCarPicture";
            $('#fileupload').fileupload({
                url: url,
                dataType: 'json',
                done: function (e, data) {
                    $.each(data.result.files, function (index, file) {
                        $('<p/>').text(file.name).appendTo('#files');
                    });
                },
                fail: function (e, data) {
                    alert("File exists");
                    },
                progressall: function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('#progress .bar').css(
                            'width',
                            progress + '%'
                    );
                }
            }).prop('disabled', !$.support.fileInput)
                    .parent().addClass($.support.fileInput ? undefined : 'disabled');
        });
    </script>

我有两个问题：

  1. 变量数据似乎是空的，因为下面的循环甚至没有运行一次。

            $.each(data.result.files, function (index, file) {
            $('<p/>').text(file.name).appendTo('#files');
        });

  2. 答案是具有以下格式的 JSON 文档： {"e":0} 其中 "e" 是错误代码。“e”可以返回许多不同的值，我希望能够找出真正的响应，而不是总是假设 0。

任何想法？

4

1 回答 1

9

我已经解决了。我在 java 脚本中做了一个小改动，如下所示：

done: function (e, data) {
      $.each(data.files, function (index, file) {
          $('<p/>').text(file.name);
        });
      },

我已经更改了服务器响应这种格式的 json：

{文件：[{错误：0，名称：“thumb2.jpg”，}]}

于 2013-08-08T18:43:16.323 回答