37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<div id="upload">
|
|
<h1>Picture upload</h1>
|
|
<input id="fileupload" type="file" name="files[]" multiple>
|
|
<div id="progress">
|
|
<div class="bar" style="width: 0%;"></div>
|
|
</div>
|
|
<div id="status"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
oSpot.pageInit = function(asHash)
|
|
{
|
|
var asProject = self.vars(['projects', self.vars('default_project_codename')]);
|
|
if(asProject.mode == self.consts.modes.blog) {
|
|
$('#fileupload')
|
|
.attr('data-url', self.getActionLink('upload'))
|
|
.fileupload({
|
|
dataType: 'json',
|
|
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
|
|
done: function (e, asResult) {
|
|
var $Status = $('#status');
|
|
$.each(asResult.files, function(iKey, oFile) {
|
|
var sMsg = ('error' in oFile)?oFile.error:(oFile.name+" uploaded successfully");
|
|
$Status.append($('<p>').text(sMsg));
|
|
});
|
|
},
|
|
progressall: function (e, data) {
|
|
var progress = parseInt(data.loaded / data.total * 100, 10);
|
|
$('#progress .bar').css(
|
|
'width',
|
|
progress + '%'
|
|
);
|
|
}
|
|
});
|
|
}
|
|
else $('#messages').empty().append('Le projet "'+asProject.name+'" n\'est pas en mode blog. Aucun upload possible.');
|
|
};
|
|
</script> |