fileUploadJS.js
2.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
function previewFileDelete(index) {
$('#divPreviewFile' + index).hide();
$('#previewFile' + index).attr('src', '');
if ($.browser.msie) {
// ie 일때 input[type=file] init.
$('#files' + index).replaceWith( $('#files' + index).clone(true) );
$('#uploaded_files' + index).val("");
$('#fileNumber' + index).val("0");
} else {
// other browser 일때 input[type=file] init.
$('#files' + index).val("");
$('#uploaded_files' + index).val("");
$('#fileNumber' + index).val("0");
}
}
function initFileUpload(index)
{
$("#btnFileUpload" + index).css("cursor", "pointer").click(function(){
$("#files" + index).trigger("click");
});
$("#files" + index).change(function(){
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
previewFileBind(index, "object", e.target.result);
}
reader.readAsDataURL(this.files[0]);
}
});
}
function destoryFileUpload(index)
{
$("#btnFileUpload" + index).unbind("click");
$("#files" + index).unbind("change");
$("#jFileUploadArea" + index).remove();
}
function previewFileBind(index, dataType, data) {
if(dataType == "filePath")
{
var ext = data.substring(data.length -3, data.length).toLowerCase();
if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)) {
$('#previewFile' + index).attr('src', "/upload_img/" + data);
$('#priviewFileScale' + index).css('background-image', "url(/upload_img/" + data + ")");
$('#uploaded_files' + index).val(data);
$('#divPreviewFile' + index).show();
setScaleViewEvent(index);
}
}
else
{
if (data.indexOf("image/") > -1) {
$('#priviewFileScale' + index).css('background-image', "url(" + data + ")");
$('#previewFile' + index).attr('src', data);
$('#divPreviewFile' + index).show();
setScaleViewEvent(index);
}
}
}
function setScaleViewEvent(index)
{
$('#previewFile' + index).unbind("hover");
$('#previewFile' + index).hover(
function()
{
// var left = event.clientX + 10;
// var top = event.clientY;
var top = $(this).offset().top - ($('#priviewFileScale' + index).height() / 2);
var left = $(this).offset().left + $(this).width() + 10;
$('#priviewFileScale' + index)
.css("top", top)
.css("left", left)
.show();
},
function()
{
$('#priviewFileScale' + index).hide();
}
);
}