File: WIMembers/WICore/WIJ/profileUpload.js

  $(document).ready(function() {
    event.preventDefault();
      var interval;

      function applyAjaxFileUpload(element) {
        $(element).AjaxFileUpload({
          action: "WICore/WIClass/upload.php",
          onChange: function(filename) {
            // Create a span element to notify the user of an upload in progress
            $('.ajax-loading').show();
            var $span = $("<span />")
              .attr("class", $(this).attr("id"))
              .text("Uploading")
              .insertAfter($(this));




            $(this).remove();

            interval = window.setInterval(function() {
              var text = $span.text();
              if (text.length < 13) {
                $span.text(text + ".");
              } else {
                $span.text("Uploading");
              }
            }, 200);
          },
          onSubmit: function(filename) {
            // Return false here to cancel the upload
            /*var $fileInput = $("<input />")
              .attr({
                type: "file",
                name: $(this).attr("name"),
                id: $(this).attr("id")
              });

            $("span." + $(this).attr("id")).replaceWith($fileInput);

            applyAjaxFileUpload($fileInput);

            return false;*/

            // Return key-value pair to be sent along with the file
            return true;
          },
          onComplete: function(filename, response) {
            window.clearInterval(interval);
            $('.ajax-loading').hide();
            var $span = $("span." + $(this).attr("id")).text(filename + " "),
              $fileInput = $("<input />")
                .attr({
                  type: "file",
                  name: $(this).attr("name"),
                  id: $(this).attr("id")
                });

                //var img = $('<img id="profile_pic">'); 
                //img.attr('src', filename);
                //img.appendTo('#imagediv');
                var img = $('<img />', { 
                  id: 'profile_pic',
                  src: '../WIAdmin/WIMedia/Img/avator/'+filename,
                  alt: 'profile_pic'
                });
                img.appendTo($('#upload-preview'));
                
            if (typeof(response.error) === "string") {
              $span.replaceWith($fileInput);
              
              applyAjaxFileUpload($fileInput);

              alert(response.error);

              return;
            }

            $("<a />")
              .attr("href", "#")
              .text("x")
              .bind("click", function(e) {
               $span.replaceWith($fileInput);
               //img.appendTo("#upload-preview");
               //$("#upload-preview").html(img);
                applyAjaxFileUpload($fileInput);
              })
             // .appendTo($span);
          }
        });
      }

      applyAjaxFileUpload("#photo");
    });