jquery - アバター変更機能

Question

これはアバターの変更とアップロードです。[新しい画像をアップロード]ボタンをクリックすると、最初の参照ウィンドウが表示され、アバターを1つ選択すると、選択したアバターが表示されます。この機能はJqueryで可能ですか？

私の試み：http： //jsfiddle.net/anglimass/uBGpR/

誰か助けてください!!

ありがとう

Answer 1

これは、AJAXUploadjQueryプラグインを使用して実行できます。

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);
    }
  });
});

この例は、この非常に優れたチュートリアルから抜粋したものです。