更改头像功能

Question

这是头像更改和上传。当我点击“上传新图像”按钮时，会出现浏览窗口，然后我选择一个头像，然后选择头像将显示。这个功能可能在JQuery中？

我尝试： http://jsfiddle.net/anglimass/uBGpR/

有人请帮助我！

感谢

Answer 1

这可以通过使用AJAX Upload jQuery插件来完成。

开始与包括jQuery和插件：

<script src="/js/jquery.min.js" type="text/javascript"></script> 
<script src="/js/ajaxupload.js" type="text/javascript"></script> 

最终的JavaScript：

$(document).ready(function(){ 

    var thumb = $('img#thumb'); 

    new AjaxUpload('imageUpload', { 
    action: $('form#newHotnessForm').attr('action'), 
    name: 'image', 
    onSubmit: function(file, extension) { 
     $('div.preview').addClass('loading'); 
    }, 
    onComplete: function(file, response) { 
     thumb.load(function(){ 
     $('div.preview').removeClass('loading'); 
     thumb.unbind(); 
     }); 
     thumb.attr('src', response); 
    } 
    }); 
}); 

此示例来自this very good tutorial服用。