3. Hochladen eines Gesichtsbildes [optionaler Fake-Schutz]
Das hochgeladene face pic liegt in Deinem privaten Album. Es kann niemand außer den Admins sehen. Achte darauf, dass das Foto Dein unverdecktes Gesicht ohne Sonnenbrille von vorn zeigt, anderenfalls kann es nicht verifiziert werden.
Gesamtgröße der ausgewählten Bilder:
0 MB
Es ist gerade kein Foto zum Upload ausgewählt.
var input = document.getElementById('uploadImages');
var preview = document.getElementById('preview');
input.style.opacity = 0;
input.addEventListener('change', updateImageDisplay);
function updateImageDisplay() {
while(preview.firstChild) {
//if (window.CP.shouldStopExecution(1)){break;}
preview.removeChild(preview.firstChild);
}
//window.CP.exitedLoop(1);
var curFiles = input.files;
setSumSizes(curFiles);
if (curFiles.length === 0 || curFiles.length > 5) {
var para = document.createElement('p');
para.style.paddingLeft = '10px';
para.style.lineHeight = '32px';
para.style.marginBottom = '5px';
para.style.justifyContent = 'space-between';
if (curFiles.length === 0)
para.textContent = 'Es ist gerade kein Foto zum Upload ausgewählt.';
else para.textContent = 'Max. 1 Bild und 5 MB.';
preview.appendChild(para);
} else {
var s = "
" +
"" +
"
";
/*var checkBoxPublicMessage = document.createElement('input');
checkBoxPublicMessage.type = "checkbox";
checkBoxPublicMessage.name = "newUploadAsPublic";
checkBoxPublicMessage.id = "newUploadAsPublic";
checkBoxPublicMessage.form = input.form;
checkBoxPublicMessage.style.marginRight = "10px";
preview.appendChild(checkBoxPublicMessage);
var labelPublicMessage = document.createElement('label');
labelPublicMessage.htmlFor = "newUploadAsPublic";
labelPublicMessage.innerHTML = privateOrPublicMessage;
labelPublicMessage.style.width = "calc(100% - 50px)";
preview.appendChild(labelPublicMessage); */
preview.insertAdjacentHTML('afterbegin', s);
var table = document.createElement('table');
table.style.width = '100%';
table.style.borderSpacing = '5px';
table.style.padding = "0px;"
preview.appendChild(table);
for (var i = 0; i < curFiles.length; i++) { //if (window.CP.shouldStopExecution(2)){break;}
var row = document.createElement('tr');
if (validFileType(curFiles[i])) {
var cell = document.createElement('td');
cell.style.backgroundColor = 'var(--bbc_textcolor)';
cell.style.width = '100px'
cell.style.maxWidth = '100px'
var image = document.createElement('img');
image.src = window.URL.createObjectURL(curFiles[i]);
image.style = 'height: 100px; width: 100px; order: 1; object-fit: contain;';
image.style.order = '1';
cell.appendChild(image);
row.appendChild(cell);
cell = document.createElement('td');
cell.style = 'overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;';
cell.style.verticalAlign = 'top';
cell.innerHTML = 'File name
' + curFiles[i].name + ',
File size: ' + returnFileSize(curFiles[i].size) + '.';
row.appendChild(cell);
} else {
var cell = document.createElement('td');
cell.colSpan = '2';
cell.textContent = 'File name ' + curFiles[i].name + ': Not a valid file type. Update your selection.';
row.appendChild(cell);
}
table.appendChild(row);
}
//window.CP.exitedLoop(2);
}
}
var fileTypes = ['image/jpeg','image/pjpeg','image/png','image/gif']
function validFileType(file) {
for (var i = 0; i < fileTypes.length; i++) {//if (window.CP.shouldStopExecution(3)){break;}
if (file.type === fileTypes[i])
return true;
}
//window.CP.exitedLoop(3);
return false;
}
function returnFileSize(number) {
if (number < 1024) {
return number + ' bytes';
} else if (number >= 1024 && number < 1048576) {
return (number/1024).toFixed(1) + ' KB';
} else if (number >= 1048576) {
return (number/1048576).toFixed(1) + ' MB';
}
}
function setSumSizes(curFiles) {
var sumS = 0;
for (var i = 0; i < curFiles.length; i++) sumS += curFiles[i].size;
document.getElementById('SumSizes').innerHTML = returnFileSize(sumS);
}
//# sourceURL=pen.js