Question

所以，我在MVC 4应用程序中使用FineUploader 3.3，这是一个非常酷的插件，非常值得名义上的成本。感谢您构建这个，非常有用。现在，我只需要让它正常工作。

我对MVC很陌生，对于传回JSON绝对是新手，所以我需要一些帮助才能让它工作。以下是我正在使用的内容，全部都在doc.ready中。

var manualuploader = $('#files-upload').fineUploader({
request:
{
    endpoint: '@Url.Action("UploadFile", "Survey")',
    customHeaders: { Accept: 'application/json' },
    params: {
        //variables are populated outside of this code snippet
        surveyInstanceId: (function () { return instance; }),
        surveyItemResultId: (function () { return surveyItemResultId; }),
        itemId: (function () { return itemId; }),
        imageLoopCounter: (function () { return counter++; })
    },
    validation: {
        allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'bmp']
    },
    multiple: true,
    text: {
        uploadButton: '<i class="icon-plus icon-white"></i>Drop or Select Files'
    },                              
    callbacks: {
        onComplete: function(id, fileName, responseJSON) {
            alert("Success: " + responseJSON.success);
            if (responseJSON.success) {
                $('#files-upload').append('<img src="img/success.jpg" alt="' + fileName + '">');
                }
            }
    }
}

编辑：我一直在使用Internet Explorer 9，然后切换到Chrome，Firefox，我可以上传就好了。 IE9需要什么？无论浏览器如何，验证都不起作用。

端点触发，文件/参数被填充，所以这一切都很好！验证不会阻止用户选择此列表之外的内容，但我暂时可以使用此功能。我可以成功保存并执行上传所需的操作，而不是启动OnComplete。实际上，在IE中，我得到了一个OPEN / SAVE对话框，其中包含了我当前的内容。

问题：onComplete（id，filename，responseJSON）中的函数参数是由返回填充还是在出路时填充？我只是对此感到困惑。我的JSON是否必须在其中包含这些参数并填充？

我没有这样做（填充这些参数），我在C＃中的输出方法返回看起来像这样的JsonResult，只返回'success'（如果适用）：

return Json(new { success = true });

我需要添加更多吗？这行是在保存发生之后，我想要做的就是告诉用户一切都好。我的Json中的'success'属性是否与responseJSON.success匹配？

我错过了什么，或者有什么不对？我相信这对其他人也有帮助，所以我希望你能花时间和协助。我很感激！感谢。

Answer 1

解决问题中的项目：

关于“选择文件”对话框内的限制，您还必须设置acceptFiles验证选项。有关详细信息，请参阅validation option section in the readme。
您的validation选项属性位置错误。它不应该在request属性/选项下。您的text，multiple和callbacks选项/属性也是如此。另外，您没有为jQuery插件正确设置回调。
IE中的打开/保存对话框是由服务器未返回具有正确“Content-Type”标头的响应引起的。您的回复内容类型应为“text / plain”。有关详细信息，请参阅server-side readme。
处理响应客户端时，Fine Uploader将使用JSON.parse解析服务器返回的任何内容。在服务器响应上调用JSON.parse的结果将作为responseJSON参数传递给您的onComplete回调处理程序。如果要将特定信息从服务器传递到客户端代码，例如某些文本，您可能希望显示客户端，上传文件的新名称等，您可以通过向您的服务器添加适当的属性来实现服务器响应。然后，您的onComplete处理程序将提供此数据。如果您对此没有任何需求，只需返回您当前返回的“成功”响应即可。我链接到的服务器端自述文件提供了有关所有这些的更多信息。

为了澄清我在＃2中所说的内容，您的代码应如下所示：

$('#files-upload').fineUploader({
   request: {
       endpoint: '@Url.Action("UploadFile", "Survey")',
       customHeaders: { Accept: 'application/json' },
       params: {
           //variables are populated outside of this code snippet
           surveyInstanceId: (function () { return instance; }),
           surveyItemResultId: (function () { return surveyItemResultId; }),
           itemId: (function () { return itemId; }),
           imageLoopCounter: (function () { return counter++; })
       }
   },
   validation: {
       allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'bmp']
   },
   text: {
       uploadButton: '<i class="icon-plus icon-white"></i>Drop or Select Files'
   }
})
   .on('complete', function(event, id, fileName, responseJSON) {
       alert("Success: " + responseJSON.success);
       if (responseJSON.success) {
          $('#files-upload').append('<img src="img/success.jpg" alt="' + fileName + '">');
       }
   });

FineUploader OnComplete方法未触发。新手，需要一些手握

1 个答案: