| 1 |
1 |
namespace("kivi.ImageUpload", function(ns) {
|
| 2 |
2 |
"use strict";
|
| 3 |
3 |
|
|
4 |
const MAXSIZE = 5*1024*1024; // 5MB size limit
|
|
5 |
|
| 4 |
6 |
ns.add_files = function(target) {
|
| 5 |
7 |
let files = [];
|
| 6 |
8 |
for (var i = 0; i < target.files.length; i++) {
|
| ... | ... | |
| 44 |
46 |
});
|
| 45 |
47 |
};
|
| 46 |
48 |
|
| 47 |
|
ns.upload_selected_files = function(id,type,filetype,maxsize) {
|
|
49 |
ns.upload_files = function() {
|
|
50 |
let id = $('#object_id').val();
|
|
51 |
let type = $('#object_type').val();
|
|
52 |
|
|
53 |
ns.upload_selected_files(id, type, MAXSIZE);
|
|
54 |
};
|
|
55 |
|
|
56 |
ns.upload_selected_files = function(id, type, maxsize) {
|
|
57 |
$("#upload_modal").modal("open");
|
|
58 |
|
| 48 |
59 |
kivi.FileDB.retrieve_all((myfiles) => {
|
| 49 |
60 |
let filesize = 0;
|
| 50 |
61 |
myfiles.forEach(file => {
|
| ... | ... | |
| 55 |
66 |
}
|
| 56 |
67 |
|
| 57 |
68 |
let data = new FormData();
|
| 58 |
|
data.append(file);
|
|
69 |
data.append("uploadfiles[]", file);
|
| 59 |
70 |
data.append("action", "File/ajax_files_uploaded");
|
| 60 |
71 |
data.append("json", "1");
|
| 61 |
72 |
data.append("object_type", type);
|
| 62 |
73 |
data.append("object_id", id);
|
| 63 |
|
data.append("file_type", filetype);
|
|
74 |
data.append("file_type", "attachment");
|
| 64 |
75 |
|
| 65 |
76 |
$("#upload_result").html(kivi.t8("start upload"));
|
| 66 |
77 |
|
| 67 |
|
$.ajax({
|
| 68 |
|
url: "controller.pl",
|
| 69 |
|
data: data,
|
| 70 |
|
success: ns.attSuccess,
|
| 71 |
|
progress: ns.attProgress,
|
| 72 |
|
error: ns.attFailes,
|
| 73 |
|
abort: ns.attCanceled
|
| 74 |
|
});
|
|
78 |
let xhr = new XMLHttpRequest;
|
|
79 |
xhr.open('POST', 'controller.pl', true);
|
|
80 |
xhr.success = ns.attSuccess;
|
|
81 |
xhr.progress = ns.attProgress;
|
|
82 |
xhr.error = ns.attFailed;
|
|
83 |
xhr.abort = ns.attCanceled;
|
|
84 |
xhr.send(data);
|
| 75 |
85 |
});
|
| 76 |
86 |
});
|
| 77 |
87 |
};
|
| ... | ... | |
| 98 |
108 |
$("#upload_result").html(kivi.t8("Files have been uploaded successfully."));
|
| 99 |
109 |
};
|
| 100 |
110 |
|
|
111 |
ns.resolve_object = function(event) {
|
|
112 |
let obj_type = $('#object_type').val();
|
|
113 |
let number = event.target.value;
|
|
114 |
|
|
115 |
$.ajax({
|
|
116 |
url: "controller.pl",
|
|
117 |
data: {
|
|
118 |
action: "ImageUpload/resolve_object_by_number",
|
|
119 |
object_type: obj_type,
|
|
120 |
object_number: number
|
|
121 |
},
|
|
122 |
type: "json",
|
|
123 |
success: (json) => {
|
|
124 |
if (json.error) {
|
|
125 |
$("#object_description").html("");
|
|
126 |
$("#object_id").val("");
|
|
127 |
} else {
|
|
128 |
$("#object_description").html(json.description);
|
|
129 |
$("#object_id").val(json.id);
|
|
130 |
}
|
|
131 |
},
|
|
132 |
error: () => {
|
|
133 |
$("#object_description").html("");
|
|
134 |
$("#object_id").val("");
|
|
135 |
}
|
|
136 |
});
|
|
137 |
};
|
|
138 |
|
| 101 |
139 |
ns.init = function() {
|
| 102 |
140 |
ns.reload_images();
|
| 103 |
141 |
};
|
ImageUpload: client side Scripte