joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implement uploading of top panorama, too

Browse Source
This commit is contained in:
Jakob Ketterl
2021-02-09 00:12:53 +01:00
parent ad5daaae95
commit 3b670016be
6 changed files with 80 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
htdocs/lib/settings/ImageUpload.js
View File

@ -1,36 +1,37 @@
$.fn.imageUpload = function() {
var $button = $(this).find('button');
var $img = $(this).find('img');
var $input = $(this).find('input');
var id = $input.prop('id');
console.info(id);
$button.click(function(){
$button.prop('disabled', true);
var input = document.createElement('input');
input.type = 'file';
input.accept = 'image/jpeg, image/png';
$.each(this, function(){
var $button = $(this).find('button');
var $img = $(this).find('img');
var $input = $(this).find('input');
var id = $input.prop('id');
$button.click(function(){
$button.prop('disabled', true);
var input = document.createElement('input');
input.type = 'file';
input.accept = 'image/jpeg, image/png';
input.onchange = function(e) {
var reader = new FileReader()
// TODO: implement file size check
reader.readAsArrayBuffer(e.target.files[0]);
reader.onload = function(e) {
$.ajax({
url: '/imageupload?id=' + id,
type: 'POST',
data: e.target.result,
processData: false,
contentType: 'application/octet-stream',
}).done(function(data){
$input.val(data.uuid);
$img.prop('src', "/imageupload?id=" + id + "&uuid=" + data.uuid);
}).always(function(){
$button.prop('disabled', false);
});
}
};
input.onchange = function(e) {
var reader = new FileReader()
// TODO: implement file size check
reader.readAsArrayBuffer(e.target.files[0]);
reader.onload = function(e) {
$.ajax({
url: '/imageupload?id=' + id,
type: 'POST',
data: e.target.result,
processData: false,
contentType: 'application/octet-stream',
}).done(function(data){
$input.val(data.uuid);
$img.prop('src', "/imageupload?id=" + id + "&uuid=" + data.uuid);
}).always(function(){
$button.prop('disabled', false);
});
}
};
input.click();
return false;
input.click();
return false;
});
});
}