使用 AJAX 进行 plupload 回显值答案

【问题标题】：Echoing value using AJAX for plupload使用 AJAX 进行 plupload 回显值
【发布时间】：2014-02-19 06:54:01
【问题描述】：

你好，这是我用于 plupload 的 JS 文件

var uploader = new plupload.Uploader({
runtimes : 'html5,flash,silverlight,html4',
browse_button : 'pickfiles', // you can pass in id...
container: document.getElementById('container'), // ... or DOM Element itself
url : '../../assets/php/upload.php',
flash_swf_url : '../js/Moxie.swf',
silverlight_xap_url : '../js/Moxie.xap',

filters : {
    max_file_size : '10mb',
    mime_types: [
        {title : "Image files", extensions : "jpg,gif,png"},
        {title : "Video files", extensions : "mp4"}
    ]
},

init: {
    PostInit: function() {
        document.getElementById('filelist').innerHTML = '';

        document.getElementById('uploadfiles').onclick = function() {
            uploader.start();
            return false;
        };
    },

    FilesAdded: function(up, files) {
        plupload.each(files, function(file) {
            document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
        });
    },

    UploadProgress: function(up, file) {
        document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
    },

    Error: function(up, err) {
        document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
    }
}
});

uploader.init();

在我的 upload.php 中，我返回一个

echo $name

我希望我的 plupload 在上传完成时显示 $name。

我已经尝试过这个解决方案 How do I return data via Ajax using Plupload on Upload Complete?

uploader.bind('FileUploaded', function(upldr, file, object) {
var myData;
try {
    myData = eval(object.response);
} catch(err) {
    myData = eval('(' + object.response + ')');
}
alert(myData.result);

但是当我将它添加到我的代码中时，它不断返回“您的浏览器不支持 HTML5、Flash、silverlight、html4”

如果我取出 Fileuploaded 方法，它工作正常。

【问题讨论】：

标签： javascript php jquery ajax plupload

【解决方案1】：

解决了。应该这样。

UploadProgress: function(up, file) {
        document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
    },
            FileUploaded: function(up, file, info) {
            // Called when a file has finished uploading
            document.getElementById('console').innerHTML += "#" + info.response + ": ";
           var myData;
               try {
    myData = eval(info.response);
} catch(err) {
    myData = eval('(' + info.response + ')');
}
$("#video_id").val(info.result);
            },
    Error: function(up, err) {
        document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
    }

【讨论】：