QQ Upload via Ajax
Jamroom Developers
Take a look at the jrUpimg module, it uses upload outside of a page and form.
--edit--
The qq initatior is in templates/tab_ajax_upimg.tpl and looks like this:
$(document).ready(function() {
var pm_active_uploads = {ldelim}{rdelim};
var pm_upimg_file = new qq.FileUploader({
element: document.getElementById('pm_upimg_file'),
action: '{$jamroom_url}/core/upload_file/',
inputName: 'pm_upimg_file',
acceptFiles: 'png,jpg,gif,jpeg',
sizeLimit: {$_user['quota_jrCore_max_upload_size']},
multiple: false,
debug: false,
params: { upload_name: 'upimg_file', field_name: 'pm_upimg_file', upload_token: '{$tkn}', extensions: 'png,jpg,gif,jpeg', multiple: 'false' },
uploadButtonText: '{jrCore_lang module="jrUpimg" id="2" default="Select a file to upload and insert into the post"}',
cancelButtonText: '{jrCore_lang module="jrCore" id="2" default="cancel"}',
failUploadText: 'upload failed',
onUpload: function (id, fileName) {
pm_active_uploads[fileName] = 1;
$('.form_submit_section input').attr("disabled", "disabled").addClass('form_button_disabled');
},
onComplete: function (id, fileName, response) {
delete pm_active_uploads[fileName];
var count = 0;
for (i in pm_active_uploads) {
if (pm_active_uploads.hasOwnProperty(i)) {
count++;
}
}
if (count === 0) {
$('.form_submit_section input').removeAttr("disabled", "disabled").removeClass('form_button_disabled');
}
ajaxUpimg();
}
});
