5

我有一个基于来自网站的自定义示例的 plupload 实例，它工作完美，除了显示来自服务器端上传脚本的错误消息（来自下载示例文件夹的upload.php）。

正在显示本地错误消息，例如，如果我尝试上传受限制的文件类型，我会收到我期望的错误消息，但是，服务器端消息只是没有显示。

我知道upload.php 文件正在正确触发，因为我的上传已成功处理，并且我设置了一个睡眠功能来验证是否正在请求该文件。此刻，我只是简单地放置在我的upload.php 顶部的行以协助调试，它只是休眠10 秒并返回错误消息，这仍然不起作用。

upload.php
    sleep(10);
    die('{"jsonrpc" : "2.0", "error" : {"code": 500, "message": "THIS IS AN ERROR."}, "id" : "id"}');
...(Rest of normal upload.php file)...

我正在使用的 javascript 包含在下面，你们可以提供的任何帮助将不胜感激，因为我已经在这方面花费了太长时间，而问题是让我无法实时推送我的代码。

谢谢，

亚历克斯

// Fanart
$(function() {
var fanart_uploader = new plupload.Uploader({
    runtimes : 'html5,flash,html4',
    browse_button : 'fanart_pickfiles',
    container : 'fanart_container',
    drop_element : 'fanart_drop',
    chunk_size : '1mb',
    max_file_size : '8mb',
    url : '/upload.php?gameid=<?= $gameid ?>&arttype=fanart',
    flash_swf_url : '/js/plupload/js/plupload.flash.swf',
    silverlight_xap_url : '/js/plupload/js/plupload.silverlight.xap',
    filters : [
        {title : "Image files", extensions : "jpg,png"},
    ]
});

fanart_uploader.bind('Init', function(up, params) {
    $('#fanart_runtime').html("You are using " + params.runtime);
});

$('#fanart_uploadfiles').click(function(e) {
    fanart_uploader.start();
    e.preventDefault();
});

fanart_uploader.init();

fanart_uploader.bind('FilesAdded', function(up, files) {
    $.each(files, function(i, file) {
        $('#fanart_filelist').append(
            '<div style="padding: 4px; margin: 3px; border: 1px dotted #fff; border-radius: 6px; background-color: #333;" id="' + file.id + '"><img class="tick" src=\"<?= $baseurl ?>/images/common/icons/tick_16.png\" style=\"display: none; vertical-align: -2px;\" />' +
            file.name + ' <em>(' + plupload.formatSize(file.size) + ')</em> <div style=\"margin: auto; margin-top: 3px; width: 200px; height: 20px; border: 1px solid #fff; border-radius: 6px; background-color: #222;\"><div class="progressbar" style=\"width: 0px; height: 16px; padding: 2px 0px; background-color: #ccc; border-radius: 6px; text-align: center;\"><b style="font-size: 16px; color: #222;"></b></div></div>' +
        '</div>');
    });

    up.refresh(); // Reposition Flash/Silverlight
});

fanart_uploader.bind('UploadProgress', function(up, file) {
    $('#' + file.id + " b").html(file.percent + "%");
    $('#' + file.id + " .progressbar").css("width", (file.percent * 2));
});

fanart_uploader.bind('Error', function(up, err) {
    $('#fanart_filelist').append("<div>Error: " + err.code +
        ", Message: " + err.message +
        (err.file ? ", File: " + err.file.name : "") +
        "</div>"
    );

    up.refresh(); // Reposition Flash/Silverlight
});

fanart_uploader.bind('FileUploaded', function(up, file) {
    $('#' + file.id + " .tick").show();
});
});
4

1 回答 1

10

And here is the answer you linked to:

NM, Answered my own question...

It seems my plUpload instance relieves the server response which is a JSON string into a JS object which can be accessed through the "FileUploaded" event.

This is a code example for anyone else who needs this answer.

fanart_uploader.bind('FileUploaded', function(up, file, info) {
    $('#' + file.id + " .tick").show();
    printObject(info);

    var response = jQuery.parseJSON(info.response);

    alert(response.error.message);
});
于 2012-05-25T01:33:38.867 回答