55128.cn_kjh.55128.cn_m.55128.cn/CP55128/CB.Admin/Static/js/swfFileProgress.js

/*
A simple class for displaying file information and progress
Note: This is a demonstration only and not part of SWFUpload.
Note: Some have had problems adapting this class in IE7. It may not be suitable for your application.
*/

// Constructor
// file is a SWFUpload file object
// targetID is the HTML element id attribute that the FileProgress HTML structure will be added to.
// Instantiating a new FileProgress object with an existing file will reuse/update the existing DOM elements
function FileProgress(file,targetId)
{
    this.fileProgressID = file.id;
    this.opacity = 100;
    this.height = 0;

    this.fileProgressWrapper = document.getElementById(this.fileProgressID);
    if (!this.fileProgressWrapper)
    {
        this.fileProgressWrapper = document.createElement("div");
        this.fileProgressWrapper.className = "progressWrapper";
        this.fileProgressWrapper.id = this.fileProgressID;

        this.fileProgressElement = document.createElement("div");
        this.fileProgressElement.className = "progressContainer";

        var progressThumbImg = document.createElement("img");
        progressThumbImg.className = "progressThumbImg";
        progressThumbImg.href = "#";
        progressThumbImg.style.display = "none";
        progressThumbImg.appendChild(document.createTextNode(" "));

        var progressCancel = document.createElement("a");
        progressCancel.className = "progressCancel";
        progressCancel.href = "#";
        progressCancel.style.visibility = "hidden";
        progressCancel.appendChild(document.createTextNode(" "));

        var progressText = document.createElement("div");
        progressText.className = "progressName";
        progressText.appendChild(document.createTextNode(file.name));

        var progressBar = document.createElement("div");
        progressBar.className = "progressBarInProgress";

        var progressStatus = document.createElement("div");
        progressStatus.className = "progressBarStatus";
        progressStatus.innerHTML = " ";

        this.fileProgressElement.appendChild(progressCancel);
        this.fileProgressElement.appendChild(progressText);
        this.fileProgressElement.appendChild(progressStatus);
        this.fileProgressElement.appendChild(progressBar);
        this.fileProgressElement.appendChild(progressThumbImg);

        this.fileProgressWrapper.appendChild(this.fileProgressElement);

        document.getElementById(targetId).appendChild(this.fileProgressWrapper);
    }
    else
    {
        this.fileProgressElement = this.fileProgressWrapper.firstChild;
        this.reset();
    }

    this.height = this.fileProgressWrapper.offsetHeight;
    this.setTimer(null);


}
//ÉèÖÃËõÂÔͼµÄ·¾¶
FileProgress.prototype.SetThumbImg = function (data)
{
    $(this.fileProgressElement).find("img[class=progressThumbImg]").attr({
        "src": $.parseJSON(data).FileUrl,"hight": "200px","width": "200px"
    });
    $(this.fileProgressElement).find("img[class=progressThumbImg]").show();

};
FileProgress.prototype.setTimer = function (timer)
{
    this.fileProgressElement["FP_TIMER"] = timer;
};
FileProgress.prototype.getTimer = function (timer)
{
    return this.fileProgressElement["FP_TIMER"] || null;
};

FileProgress.prototype.reset = function ()
{
    this.fileProgressElement.className = "progressContainer";

    this.fileProgressElement.childNodes[2].innerHTML = " ";
    this.fileProgressElement.childNodes[2].className = "progressBarStatus";

    this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
    this.fileProgressElement.childNodes[3].style.width = "0%";

    this.appear();
};

FileProgress.prototype.setProgress = function (percentage)
{
    this.fileProgressElement.className = "progressContainer green";
    this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
    this.fileProgressElement.childNodes[3].style.width = percentage + "%";

    this.appear();
};
FileProgress.prototype.setComplete = function ()
{
    this.fileProgressElement.className = "progressContainer blue";
    this.fileProgressElement.childNodes[3].className = "progressBarComplete";
    this.fileProgressElement.childNodes[3].style.width = "";

    //	var oSelf = this;
    //	this.setTimer(setTimeout(function () {
    //		oSelf.disappear();
    //	}, 10000));
};
FileProgress.prototype.setError = function ()
{
    this.fileProgressElement.className = "progressContainer red";
    this.fileProgressElement.childNodes[3].className = "progressBarError";
    this.fileProgressElement.childNodes[3].style.width = "";

    var oSelf = this;
    this.setTimer(setTimeout(function ()
    {
        oSelf.disappear();
    },5000));
};
FileProgress.prototype.setCancelled = function ()
{
    this.fileProgressElement.className = "progressContainer";
    this.fileProgressElement.childNodes[3].className = "progressBarError";
    this.fileProgressElement.childNodes[3].style.width = "";

    var oSelf = this;
    this.setTimer(setTimeout(function ()
    {
        oSelf.disappear();
    },2000));
};
FileProgress.prototype.setStatus = function (status)
{
    this.fileProgressElement.childNodes[2].innerHTML = status;
};

// Show/Hide the cancel button
FileProgress.prototype.toggleCancel = function (show,swfUploadInstance)
{
    this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden";
    if (swfUploadInstance)
    {
        var fileId = this.fileProgressID;
        this.fileProgressElement.childNodes[0].onclick = function ()
        {
            swfUploadInstance.cancelUpload(fileId);

            var fNode = document.getElementById(fileId);
            var status = document.getElementById("divStatus");
            var num = parseInt(status.innerHTML);
            if (num > 0)
                status.innerHTML = num - 1;
            fNode.parentNode.removeChild(fNode);
            return false;
        };
    }
};

FileProgress.prototype.appear = function ()
{
    if (this.getTimer() !== null)
    {
        clearTimeout(this.getTimer());
        this.setTimer(null);
    }

    if (this.fileProgressWrapper.filters)
    {
        try
        {
            this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 100;
        } catch (e)
        {
            // If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
            this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
        }
    } else
    {
        this.fileProgressWrapper.style.opacity = 1;
    }

    this.fileProgressWrapper.style.height = "";

    this.height = this.fileProgressWrapper.offsetHeight;
    this.opacity = 100;
    this.fileProgressWrapper.style.display = "";

};

// Fades out and clips away the FileProgress box.
FileProgress.prototype.disappear = function ()
{

    var reduceOpacityBy = 15;
    var reduceHeightBy = 4;
    var rate = 30; // 15 fps

    if (this.opacity > 0)
    {
        this.opacity -= reduceOpacityBy;
        if (this.opacity < 0)
        {
            this.opacity = 0;
        }

        if (this.fileProgressWrapper.filters)
        {
            try
            {
                this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity;
            } catch (e)
            {
                // If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
                this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + this.opacity + ")";
            }
        } else
        {
            this.fileProgressWrapper.style.opacity = this.opacity / 100;
        }
    }

    if (this.height > 0)
    {
        this.height -= reduceHeightBy;
        if (this.height < 0)
        {
            this.height = 0;
        }

        this.fileProgressWrapper.style.height = this.height + "px";
    }

    if (this.height > 0 || this.opacity > 0)
    {
        var oSelf = this;
        this.setTimer(setTimeout(function ()
        {
            oSelf.disappear();
        },rate));
    } else
    {
        this.fileProgressWrapper.style.display = "none";
        this.setTimer(null);
    }
};

FileProgress.prototype.setFileValue = function (id,url)
{

    $('<input />',{
        type: "hidden",
        val: url,
        id: "value_" + id,
        name: "fileUrl"
    }).appendTo(this.fileProgressElement);

};