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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
|
plupload.addI18n(phpbb.plupload.i18n);
plupload.attachment_data = [];
/**
* Returns the index of the plupload.attachment_data array where the given
* attach id appears
*
* @param int id The attachment id of the file
*
* @return bool Returns false if the id cannot be found
* @return int Returns the index in the main array where the attachment id
* was found
*/
function phpbb_plupload_find_attachment_idx(id) {
var data = plupload.attachment_data;
for (var i = 0; i < data.length; i++) {
if (data[i].attach_id == id) {
return i;
}
}
return false;
}
/**
* Converts an array of objects into an object that PHP would expect as POST
* data
*
* @return object An object in the form 'attachment_data[i][key]': value as
* expected by the server
*/
function phpbb_plupload_attachment_data_serialize() {
var obj = {};
for (var i = 0; i < plupload.attachment_data.length; i++) {
var datum = plupload.attachment_data[i];
for (var key in datum) {
if (!datum.hasOwnProperty(key)) {
continue;
}
obj['attachment_data[' + i + '][' + key + ']'] = datum[key];
}
}
return obj;
}
/**
* Unsets all elements in an object whose keys begin with 'attachment_data['
*
* @param object The object to be cleared
*
* @return undefined
*/
function phpbb_plupload_clear_params(obj) {
for (var key in obj) {
if (!obj.hasOwnProperty(key) || key.indexOf('attachment_data[') !== 0) {
continue;
}
delete obj[key];
}
}
/**
* Update hidden attachment inputs in posting form
* Pre-existing hidden inputs will be removed by comparing the old attachment
* data (old_data) to the new attachment data (data) that has been sent back
* by plupload.
*
* @param object form Posting form
* @param object data Current attachment_data
* @param object old_date Previous attachment_data (before submission)
*
* @return void
*/
phpbb.update_hidden_attachment_inputs = function(form, data, old_data) {
// Update already existing hidden inputs
for (var i = 0; i < form.length; i++) {
if (data.hasOwnProperty(form[i].name)) {
form[i].value = data[form[i].name];
delete data[form[i].name];
} else if (typeof old_data !== 'undefined' && old_data.hasOwnProperty(form[i].name)) {
var inputRegex = /\b^[a-z_]+[+[0-9]+]/;
var inputName = inputRegex.exec(form[i].name);
if (typeof inputName !== 'undefined' && inputName[0] !== '') {
$("input[type='hidden'][name^='" + inputName[0] + "']").remove();
}
}
}
// Append new inputs
for (var key in data) {
if (!data.hasOwnProperty(key)) {
continue;
}
var input = $('<input />')
.attr('type', 'hidden')
.attr('name', key)
.attr('value', data[key]);
$(form).append(input);
}
}
jQuery(function($) {
$(phpbb.plupload.config.element_hook).pluploadQueue(phpbb.plupload.config);
var uploader = $(phpbb.plupload.config.element_hook).pluploadQueue();
// Check the page for already-existing attachment data and add it to the
// array
var form = $(phpbb.plupload.config.form_hook)[0];
for (var i = 0; i < form.length; i++) {
if (form[i].name.indexOf('attachment_data[') !== 0) {
continue;
}
var matches = form[i].name.match(/\[(\d+)\]\[([^\]]+)\]/);
var index = matches[1];
var property = matches[2];
if (!plupload.attachment_data[index]) {
plupload.attachment_data[index] = {};
}
plupload.attachment_data[index][property] = form[i].value;
uploader.settings.multipart_params[form[i].name] = form[i].value;
}
/**
* Fires before a given file is about to be uploaded. This allows us to
* send the real filename along with the chunk. This is necessary because
* for some reason the filename is set to 'blob' whenever a file is chunked
*
* @param object up The plupload.Uploader object
* @param object file The plupload.File object that is about to be
* uploaded
*
* @return undefined
*/
uploader.bind('BeforeUpload', function(up, file) {
up.settings.multipart_params = $.extend(
up.settings.multipart_params,
{'real_filename': file.name}
);
});
/**
* Fired when a single chunk of any given file is uploaded. This parses the
* response from the server and checks for an error. If an error occurs it
* is reported to the user and the upload of this particular file is halted
*
* @param object up The plupload.Uploader object
* @param object file The plupload.File object whose chunk has just
* been uploaded
* @param object response The response object from the server
*
* @return undefined
*/
uploader.bind('ChunkUploaded', function(up, file, response) {
if (response.chunk >= response.chunks - 1) {
return;
}
var json = {};
try {
json = $.parseJSON(response.response);
} catch (e) {
file.status = plupload.FAILED;
up.trigger('FileUploaded', file, {
response: JSON.stringify({
error: {
message: 'Error parsing server response.'
}
})
});
}
if (json.error) {
file.status = plupload.FAILED;
up.trigger('FileUploaded', file, {
response: JSON.stringify({
error: {
message: json.error.message
}
})
});
}
});
/**
* Fires when an entire file has been uploaded. It checks for errors
* returned by the server otherwise parses the list of attachment data and
* appends it to the next file upload so that the server can maintain state
* with regards to the attachments in a given post
*
* @param object up The plupload.Uploader object
* @param object file The plupload.File object that has just been
* uploaded
* @param string response The response string from the server
*
* @return undefined
*/
uploader.bind('FileUploaded', function(up, file, response) {
var json = {};
try {
json = $.parseJSON(response.response);
} catch (e) {
file.status = plupload.FAILED;
file.error = 'Error parsing server response.'
}
if (json.error) {
file.status = plupload.FAILED;
file.error = json.error.message;
} else if (file.status === plupload.DONE) {
plupload.attachment_data = json;
file.attachment_data = json[0];
up.settings.multipart_params = $.extend(
up.settings.multipart_params,
phpbb_plupload_attachment_data_serialize()
);
}
});
/**
* Fires when the entire queue of files have been uploaded. It resets the
* 'add files' button to allow more files to be uploaded and also attaches
* several events to each row of the currently-uploaded files to facilitate
* deleting any one of the files.
*
* Deleting a file removes it from the queue and fires an ajax event to the
* server to tell it to remove the temporary attachment. The server
* responds with the updated attachment data list so that any future
* uploads can maintain state with the server
*
* @param object up The plupload.Uploader object
* @param array files An array of plupload.File objects that have just
* been uploaded as part of a queue
*
* @return undefined
*/
uploader.bind('UploadComplete', function(up, files) {
$('.plupload_upload_status').css('display', 'none');
$('.plupload_buttons').css('display', 'block');
// Insert a bunch of hidden input elements containing the attachment
// data so that the save/preview/submit buttons work as expected.
var form = $(phpbb.plupload.config.form_hook)[0];
var data = phpbb_plupload_attachment_data_serialize();
phpbb.update_hidden_attachment_inputs(form, data);
files.forEach(function(file) {
if (file.status !== plupload.DONE) {
var click = function(evt) {
alert(file.error);
}
$('#' + file.id).attr('title', file.error);
$('#' + file.id).click(click);
return;
}
var click = function(evt) {
$(evt.target).find('a').addClass('working');
// The index is always found because file.attachment_data is
// just an element of plupload.attachment_data
var idx = phpbb_plupload_find_attachment_idx(file.attachment_data.attach_id);
var fields = {};
fields['delete_file[' + idx + ']'] = 1;
var always = function() {
$(evt.target).find('a').removeClass('working');
};
var done = function(response) {
up.removeFile(file);
plupload.attachment_data = response;
phpbb.update_hidden_attachment_inputs(form, phpbb_plupload_attachment_data_serialize(), data);
phpbb_plupload_clear_params(up.settings.multipart_params);
up.settings.multipart_params = $.extend(
up.settings.multipart_params,
phpbb_plupload_attachment_data_serialize()
);
};
$.ajax(phpbb.plupload.config.url, {
type: 'POST',
data: $.extend(fields, phpbb_plupload_attachment_data_serialize()),
headers: {'X-PHPBB-USING-PLUPLOAD': '1'}
})
.always(always)
.done(done);
};
$('#' + file.id)
.addClass('can_delete')
.click(click);
});
});
});
|