var swfu1;
|
var swfu2;
|
$().ready(function () {
|
if(document.getElementById("spanButtonPlaceholder1")==undefined)return;
|
swfu1 = new SWFUpload({
|
upload_url: "../../Scripts/upload/Uploadimage.aspx",
|
post_params : {
|
"oldfilename": $("#hidImg").val()
|
},
|
file_size_limit : "2 MB",
|
file_types : "*.jpg;*.png",
|
|
file_types_description : "JPG Images; PNG Image",
|
file_upload_limit : "0",
|
file_queue_error_handler : fileQueueError,
|
file_dialog_complete_handler : fileDialogComplete,
|
upload_progress_handler : uploadProgress,
|
upload_error_handler : uploadError,
|
upload_success_handler : uploadSuccess,
|
upload_complete_handler : uploadComplete,
|
button_image_url: "../../Scripts/upload/XPButtonNoText_160x22.png",
|
button_placeholder_id : "spanButtonPlaceholder1",
|
button_width: 160,
|
button_height: 22,
|
button_text : '<span class="button">选择一个图片 <span class="buttonSmall">(最大2M)</span></span>',
|
button_text_style : '.button { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; } .buttonSmall { font-size: 10pt; }',
|
button_text_top_padding: 1,
|
button_text_left_padding: 5,
|
flash_url: "../../Scripts/upload/swfupload.swf",
|
|
custom_settings : {
|
upload_target : "divFileProgressContainer1"
|
},
|
debug: false
|
});
|
});
|
|
function fileQueueError(file, errorCode, message) {
|
try {
|
var imageName = "error.gif";
|
var errorName = "";
|
if (errorCode === SWFUpload.errorCode_QUEUE_LIMIT_EXCEEDED) {
|
errorName = "You have attempted to queue too many files.";
|
}
|
|
if (errorName !== "") {
|
alert(errorName);
|
return;
|
}
|
|
switch (errorCode) {
|
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
|
imageName = "zerobyte.gif";
|
break;
|
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
|
imageName = "toobig.gif";
|
break;
|
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
|
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
|
default:
|
alert(message);
|
break;
|
}
|
|
//addImage("images/" + imageName);
|
|
} catch (ex) {
|
this.debug(ex);
|
}
|
|
}
|
|
function fileDialogComplete(numFilesSelected, numFilesQueued) {
|
try {
|
if (numFilesQueued > 0) {
|
this.startUpload();
|
}
|
} catch (ex) {
|
this.debug(ex);
|
}
|
}
|
|
function uploadProgress(file, bytesLoaded) {
|
|
try {
|
var percent = Math.ceil((bytesLoaded / file.size) * 100);
|
|
var progress = new FileProgress(file, this.customSettings.upload_target);
|
progress.setProgress(percent);
|
if (percent === 100) {
|
progress.setStatus("Creating thumbnail...");
|
progress.toggleCancel(false, this);
|
} else {
|
progress.setStatus("Uploading...");
|
progress.toggleCancel(true, this);
|
}
|
} catch (ex) {
|
this.debug(ex);
|
}
|
}
|
|
function uploadSuccess(file, serverData) {
|
try {
|
//addImage("thumbnail.aspx?id=" + serverData);
|
var progress = new FileProgress(file, this.customSettings.upload_target);
|
$("#SLTImg").attr("src", "/public/report/" + serverData);
|
$("#hidImg").val(serverData);
|
//progress.setStatus("Thumbnail Created.");
|
progress.toggleCancel(false);
|
|
|
} catch (ex) {
|
this.debug(ex);
|
}
|
}
|
|
function uploadComplete(file) {
|
try {
|
/* I want the next upload to continue automatically so I'll call startUpload here */
|
if (this.getStats().files_queued > 0) {
|
this.startUpload();
|
} else {
|
var progress = new FileProgress(file, this.customSettings.upload_target);
|
progress.setComplete();
|
progress.setStatus("upload success");
|
progress.toggleCancel(false);
|
}
|
} catch (ex) {
|
this.debug(ex);
|
}
|
}
|
|
function uploadError(file, errorCode, message) {
|
var imageName = "error.gif";
|
var progress;
|
try {
|
switch (errorCode) {
|
case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
|
try {
|
progress = new FileProgress(file, this.customSettings.upload_target);
|
progress.setCancelled();
|
progress.setStatus("Cancelled");
|
progress.toggleCancel(false);
|
}
|
catch (ex1) {
|
this.debug(ex1);
|
}
|
break;
|
case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
|
try {
|
progress = new FileProgress(file, this.customSettings.upload_target);
|
progress.setCancelled();
|
progress.setStatus("Stopped");
|
progress.toggleCancel(true);
|
}
|
catch (ex2) {
|
this.debug(ex2);
|
}
|
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
|
imageName = "uploadlimit.gif";
|
break;
|
default:
|
alert(message);
|
break;
|
}
|
|
//addImage("images/" + imageName);
|
|
} catch (ex3) {
|
this.debug(ex3);
|
}
|
|
}
|
|
|
function addImage(src) {
|
var newImg = document.createElement("img");
|
newImg.style.margin = "5px";
|
|
document.getElementById("thumbnails").appendChild(newImg);
|
if (newImg.filters) {
|
try {
|
newImg.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 0;
|
} catch (e) {
|
// If it is not set initially, the browser will throw an error. This will set it if it is not set yet.
|
newImg.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + 0 + ')';
|
}
|
} else {
|
newImg.style.opacity = 0;
|
}
|
|
newImg.onload = function () {
|
fadeIn(newImg, 0);
|
};
|
newImg.src = src;
|
}
|
|
function fadeIn(element, opacity) {
|
var reduceOpacityBy = 5;
|
var rate = 30; // 15 fps
|
|
|
if (opacity < 100) {
|
opacity += reduceOpacityBy;
|
if (opacity > 100) {
|
opacity = 100;
|
}
|
|
if (element.filters) {
|
try {
|
element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 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.
|
element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ')';
|
}
|
} else {
|
element.style.opacity = opacity / 100;
|
}
|
}
|
|
if (opacity < 100) {
|
setTimeout(function () {
|
fadeIn(element, opacity);
|
}, rate);
|
}
|
}
|
|
|
|
/* ******************************************
|
* FileProgress Object
|
* Control object for displaying file info
|
* ****************************************** */
|
|
function FileProgress(file, targetID) {
|
this.fileProgressID = "divFileProgress";
|
|
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 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.fileProgressWrapper.appendChild(this.fileProgressElement);
|
|
document.getElementById(targetID).appendChild(this.fileProgressWrapper);
|
fadeIn(this.fileProgressWrapper, 0);
|
|
} else {
|
this.fileProgressElement = this.fileProgressWrapper.firstChild;
|
this.fileProgressElement.childNodes[1].firstChild.nodeValue = file.name;
|
}
|
|
this.height = this.fileProgressWrapper.offsetHeight;
|
|
}
|
FileProgress.prototype.setProgress = function (percentage) {
|
this.fileProgressElement.className = "progressContainer green";
|
this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
|
this.fileProgressElement.childNodes[3].style.width = percentage + "%";
|
};
|
FileProgress.prototype.setComplete = function () {
|
this.fileProgressElement.className = "progressContainer blue";
|
this.fileProgressElement.childNodes[3].className = "progressBarComplete";
|
this.fileProgressElement.childNodes[3].style.width = "";
|
|
};
|
FileProgress.prototype.setError = function () {
|
this.fileProgressElement.className = "progressContainer red";
|
this.fileProgressElement.childNodes[3].className = "progressBarError";
|
this.fileProgressElement.childNodes[3].style.width = "";
|
|
};
|
FileProgress.prototype.setCancelled = function () {
|
this.fileProgressElement.className = "progressContainer";
|
this.fileProgressElement.childNodes[3].className = "progressBarError";
|
this.fileProgressElement.childNodes[3].style.width = "";
|
|
};
|
FileProgress.prototype.setStatus = function (status) {
|
this.fileProgressElement.childNodes[2].innerHTML = status;
|
};
|
|
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);
|
return false;
|
};
|
}
|
};
|
String.prototype.getQueryString = function(name)
|
{
|
var reg = new RegExp("(^|&|\\?)"+ name +"=([^&]*)(&|$)"), r;
|
if ( r=this.match(reg) ) return unescape(r[2]);
|
return "";
|
}
|
