-avatar_upload.js

Go to the documentation of this file.

 
$(document).ready(function () {
    $('#avatar_upload_button').click(function () {
         alert('xx');
            $('#avatar_upload').ajaxForm({
                target: '#outputImage',
                url: 'uploadFile.php',
                beforeSubmit: function () {
                      $("#outputImage").hide();
                       if($("#uploadImage").val() == "") {
                           $("#outputImage").show();
                           $("#outputImage").html("<div class='error'>Choose a file to upload.</div>");
                    return false;
                }
                    $("#progressDivId").css("display", "block");
                    var percentValue = '0%';
 
                    $('#progressBar').width(percentValue);
                    $('#percent').html(percentValue);
                },
                uploadProgress: function (event, position, total, percentComplete) {
 
                    var percentValue = percentComplete + '%';
                    $("#progressBar").animate({
                        width: '' + percentValue + ''
                    }, {
                        duration: 5000,
                        easing: "linear",
                        step: function (x) {
                        percentText = Math.round(x * 100 / percentComplete);
                          $("#percent").text(percentText + "%");
                        if(percentText == "100") {
                              $("#outputImage").show();
                        }
                        }
                    });
                },
                error: function (response, status, e) {
                    alert('Oops something went.');
                },
 
                complete: function (xhr) {
                    if (xhr.responseText && xhr.responseText != "error")  {
                          $("#outputImage").html(xhr.responseText);
                    }
                    else{
                        $("#outputImage").show();
                        $("#outputImage").html("<div class='error'>Problem in uploading file.</div>");
                        $("#progressBar").stop();
                    }
                }
            });
    });
});