uploadify无法获取服务器响应数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uploadify无法获取服务器响应数据相关的知识,希望对你有一定的参考价值。

我使用express.js的uploadify将视频上传到节点服务器,它工作正常,但是生成视频缩略图后,我需要返回缩略图路径,这是我所做的

exports.upload = function(req, res,next){
    var tmp_path = req.files.product_video.path;
    var target_path = 'F:/shopping/shop/' +req.body.shop_id+'/'+ req.files.product_video.name;

    fs.rename(tmp_path, target_path, function(err) {
        if (err) {
            console.log(err)
        }
        else{
            fs.unlink(tmp_path, function() {
                if (err){
                    console.log(err)
                }else{
                    exec("C:/ffmpeg/bin/ffmpeg -i shop/"+ req.body.shop_id+ '/' + req.files.product_video.name  + " -ss 00:01:00.00 -r 1 -an -vframes 1 -s 250x150 -f mjpeg shop/"+ req.body.shop_id+ '/'  + req.files.product_video.name  + "_thumbnail.jpg", function(err){
                        // res.send({'thumb' : 'shop/'+ req.body.shop_id+ '/'  + req.files.product_video.name  + "_thumbnail.jpg",});
                        var data = {
                            'thum_src':'shop/'+ req.body.shop_id+ '/'  + req.files.product_video.name  + "_thumbnail.jpg"
                        }
                        res.send(data);
                    });
                }
            });
        }
    });
};

这里是前端代码

function addVideo(){
    $('#input_product_video').uploadify({
        'formData':{'shop_id':$('#shop_id').val()},
        'buttonText'    : 'add video',
        'fileSizeLimit' : '100MB',
        'fileObjName' : 'product_video',
        'uploader'    : '/uploads',
        'swf'         :'/public/javascripts/lib/uploadify/uploadify.swf',
        'onUploadSuccess':function(file,data){
            console.log(data.thum_src);

        }
    });
}

the

console.log(data.thum_src); // always end of "undefined"

但是

 console.log(data) ; //will output the json data like this
                                         {
                                            'thum_src':'path'
                                          }

我不明白???为什么我不能像data.thum_src一样访问thum_src ???

看起来好像不是对象,而是字符串,很奇怪

答案

您在服务器代码中的响应需要添加标题{Content-Type:'application / json'},否则默认值是解释为文本。或者,您可以执行JSON.parse(data)将文本转换为前端的json对象。

以上是关于uploadify无法获取服务器响应数据的主要内容,如果未能解决你的问题,请参考以下文章

Uploadify按钮功能无法执行

Jcrop+uploadify+php实现上传头像预览裁剪

MVC中使用jquery uploadify上传图片报302错误

如何从 Firebase 获取数据到 Recyclerview 中的片段?

无法从片段中的 SQLite 获取数据

uploadify的用法与动态传参 提供demo下载