0
在jquery文件上傳中,您可以訪問上下文,例如$(this)
與data.context
在ui版本中,我不使用(即時通訊使用基本版本)。
我可以在除error
之外的所有事件中正確訪問$(this),我正在通過使用'全局'變量來解決這個問題。但我覺得好像還有更好的更受歡迎的方式?
$('.fileupload').fileupload({
dataType: 'json',
url: 'framework/AJAX/image_handler.php?cmd=upload',
//maxChunkSize: 1000000,
start: function (e, data) {
obj = $(this); // bit of a hack
pb = obj.parent().find('.fileinput-new');
$('#move-to').attr('disabled', 'disabled');
},
progressall: function (e, data) {
var progress = parseInt(data.loaded/data.total * 100, 10);
$(this).attr('disabled', 'disabled');
pb.html('Uploading: ' + progress + '%');
if (progress >= 100) {
pb.html('Processing...');
}
},
done: function (e, data) {
$(this).removeAttr('disabled');
if (countProcessing() === 0) {
$('#move-to').removeAttr('disabled');
}
pb.html('Select image');
var error = data.jqXHR.responseJSON.files[0].error;
if (error) {
asengine.displayErrorMessageBody(error);
} else {
var img_num = $(this).attr('data-id');
var format = '<?php echo $images_core->formatImagePath($id, false) . $images_core->thumb_prepend . $id . '_'; ?>' + img_num + '.<?php echo $images_core->default_ext; ?>?' + uniqueId();
$(this).closest('.fileinput').find('img').attr('src', format);
$('#remove' + img_num).load(location.href + ' #remove' + img_num);
}
},
error: function (e, data) {
// need to access this here...
pb.next().removeAttr('disabled');
pb.html('Try again');
if (countProcessing() === 0) {
$('#move-to').removeAttr('disabled');
}
asengine.displayErrorMessageBody('An unknown error occured.');
}
}).bind('fileuploadsubmit', function (e, data) {
data.formData = {
'id': '<?php echo $id; ?>',
'img_number': $(this).attr('data-id')
};
});