Jquery uploadify插件

我在页面上保存了一个jquery uploadify插件，另外还有一个<img>标签。除了一个问题，一切都可以正常工作。我想更新<img>以在上载某张图片后立即显示新图片。我怎样才能做到这一点？我正在使用Php。Jquery uploadify插件

感谢提前:)

来源

2010-07-26 TCM

您可以使用onComplete回调（http://www.uploadify.com/documentation/）。

使用样本here：

$(document).ready(function() { 
    $('#fileInput').uploadify({ 
    'uploader' : 'uploadify.swf', 
    'script' : 'uploadify.php', 
    'cancelImg' : 'cancel.png', 
    'auto'  : true, 
    'folder' : '/uploads' 

    /* ====== HERE ===== */ 
    'onComplete': function(event, queueID, fileObj, response, data) {  
     $("#my_image").attr("src","your path"); 
    } 

    }); 
});

（http://www.uploadify.com/implementation/）

来源

2010-07-26 11:02:59

嗨MartyIX，我实际使用呼应一些字符串，比如'照片上传successfully'等。我将如何获得图像路径？我使用uniqid为我的图像生成独特的图像名称。我如何使用这些图像名称？在'你的路径'？ – TCM 2010-07-26 11:09:28

你可以在你的php文件中回显图像的路径，然后从参数'response'读取它。 – 2010-07-26 11:12:21

如果你想从PHP获取更多的数据而不仅仅是图像的URL，你可以使用JSON来进行php和javascript之间的通信。否则，你将不得不手动解析来自php的数据。 – 2010-07-26 11:14:43

只需使用jQuery来更新图像的<img src="..." />属性应该这样做恕我直言。

来源

2010-07-26 11:03:39

Take a look at the documentation，它看起来像onComplete回调将返回该文件的路径，那么你可以做这样的事情：

onComplete: function(event, queueID, fileObj, response, data) { 
    $('img#user_avatar').attr('src',fileObj.filePath); 
}

来源

2010-07-26 11:03:48

什么是'fileObj.filePath'？如何在fileObj.filePath中设置路径？我正在使用'$ _FILES'将图像保存到我想要的位置并重命名图片名称。 'fileObj.filePath'如何知道我的新图像名称和它的位置？ – TCM 2010-07-26 11:11:08

我只是在处理文档，如果你从PHP脚本返回一个值，你可以返回图像的路径，然后应用它。 – 2010-07-26 11:49:43

Jquery uploadify插件

回答

相关问题