上传后更改uploadify图像

时间:2012-05-08 15:03:21

标签: javascript uploadify image-uploading

我使用uploadify上传图片。上传按钮是一个摄像头图像(camera.png),但在选择图像时,上传成功时,上传按钮图像是另一个图像(success.png)。

以下是使用过的javascript代码:

$('#form-add-post-image').uploadify({
    'swf':         'uploadify/uploadify.swf',
    'uploader':    'uploadify/uploadify.php',
    'buttonImage': 'uploadify/camera.png',
    'width':       128,
    'height':      128,
    'onUploadSuccess': function(file, data, response){
        $(this).uploadify('settings', 'buttonImage', 'uploadify/success.png');
    }
});

但是,这不起作用,并且控制台会显示以下错误消息:Uncaught ReferenceError: settingValue is not defined

有什么想法吗?

Uncaught ReferenceError: settingValue is not defined是什么意思?

提前致谢

1 个答案:

答案 0 :(得分:1)

我正在使用jquery.uploadify.v2.1.4.min.js我还希望在上传图片后更改上传图片, 我发现一个简单的解决方案是将hideButton属性添加到我的uploadify设置

'hideButton': 'true',

你不必从uploadify加载浏览图片只需从你的CSS加载

    #your_uploadify_id{
    background: url(browse.png) no-repeat;
}

然后在onComplete中将新图像加载到css:

'onComplete'  : function(){
$("#browes_pictureUploader").css({'background-image':'url(change_picture.png)'});
}