feat(upload): фото и файлы отдельными путями на Android
This commit is contained in:
1 parent
b4dedcfea5
commit
3ad7be0db3
6 files changed
+128
-6
No files matched your search
@@ -0,0 +1,82 @@
|
||||
<?php /* Лёгкая inline-копия API browser-upload: единый контракт, без внешнего запроса. */ ?>
|
||||
<script>
|
||||
(() => {
|
||||
if (window.ZoomzillaUpload) return;
|
||||
const android = /Android/i.test(navigator.userAgent);
|
||||
let uploadQueue = Promise.resolve();
|
||||
window.ZoomzillaUpload = {
|
||||
bindPicker(form, mainInput, fullAccept, onFiles) {
|
||||
const mobile = android || /iPhone|iPad|iPod/i.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
|
||||
if (mobile) form.dataset.mobileUpload = '1';
|
||||
const sync = () => {
|
||||
const input = typeof mainInput === 'function' ? mainInput() : mainInput;
|
||||
if (input) input.accept = android ? 'image/*' : (typeof fullAccept === 'function' ? fullAccept() : fullAccept);
|
||||
};
|
||||
sync();
|
||||
// Dropzone пересоздаёт input после каждого выбора: обновляем до native click.
|
||||
form.addEventListener('click', sync, true);
|
||||
if (!android) return;
|
||||
const link = form.querySelector('[data-files-picker]');
|
||||
const other = form.querySelector('[data-other-files]');
|
||||
if (!link || !other) return;
|
||||
form.querySelector('[data-picker-or]').hidden = false;
|
||||
link.hidden = false;
|
||||
const label = form.querySelector('[data-upload-label]');
|
||||
if (label) {
|
||||
label.textContent = form.dataset.photoLabel;
|
||||
label.dataset.pickerLabel = form.dataset.photoLabel;
|
||||
}
|
||||
other.addEventListener('click', event => event.stopPropagation());
|
||||
link.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
if (form.querySelector('.dropzone-form-button')?.disabled) return;
|
||||
other.value = '';
|
||||
other.click();
|
||||
});
|
||||
other.addEventListener('change', event => {
|
||||
event.stopPropagation();
|
||||
const files = Array.from(other.files || []);
|
||||
other.value = '';
|
||||
if (files.length) onFiles(files);
|
||||
});
|
||||
},
|
||||
run(file, maxBytes, send) {
|
||||
const upload = () => this.prepare(file, maxBytes).then(send);
|
||||
if (!android) return upload();
|
||||
// В кабинете до10 файлов: удерживаем в памяти только одну копию.
|
||||
const pending = uploadQueue.then(upload);
|
||||
uploadQueue = pending.catch(() => {});
|
||||
return pending;
|
||||
},
|
||||
prepare(file, maxBytes) {
|
||||
// FileProvider может отдавать несовпадающие lastModified для сетевого
|
||||
// процесса Chromium. Blob из прочитанных байтов от него не зависит.
|
||||
if (!android || !file.size || file.size > maxBytes) return Promise.resolve(file);
|
||||
return new Promise((resolve, reject) => {
|
||||
const reader = new FileReader();
|
||||
const timer = window.setTimeout(() => reader.abort(), 30000);
|
||||
const failed = error => {
|
||||
window.clearTimeout(timer);
|
||||
window.UploadDiagnostics?.record('buffer_error', { error_name: error.name, message: error.message });
|
||||
reject(error);
|
||||
};
|
||||
window.UploadDiagnostics?.record('buffer_start', { size: file.size });
|
||||
reader.onload = () => {
|
||||
window.clearTimeout(timer);
|
||||
if (reader.result.byteLength !== file.size) {
|
||||
failed(new Error('Размер файла изменился при чтении.'));
|
||||
return;
|
||||
}
|
||||
const blob = new Blob([reader.result], { type: file.type });
|
||||
window.UploadDiagnostics?.record('buffer_ok', { size: blob.size, mime: blob.type });
|
||||
resolve(blob);
|
||||
};
|
||||
reader.onerror = () => failed(reader.error || new Error('Не удалось прочитать файл.'));
|
||||
reader.onabort = () => failed(new Error('Чтение файла прервано.'));
|
||||
try { reader.readAsArrayBuffer(file.slice(0, file.size, file.type)); } catch (error) { failed(error); }
|
||||
});
|
||||
}
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
Reference in new issue
Block a user