Nail/contracts-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

чанковая загрузка 50KB, /chunk endpoint, v1.15

Browse Source
This commit is contained in:
naeel
2026-06-17 16:34:27 +04:00
parent 1714abf766
commit 87026a1fd8
2 changed files with 133 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/templates/upload.html
+48 -29
View File
@@ -59,7 +59,7 @@
<body>
<div class="topbar">
<img src="{{ url_for('static', filename='nubes-logo.svg') }}" alt="Nubes">
<span class="title">Сверка договоров <span style="font-weight:400;color:var(--muted);font-size:12px;">v1.14</span></span>
<span class="title">Сверка договоров <span style="font-weight:400;color:var(--muted);font-size:12px;">v1.15</span></span>
</div>
<div class="content">
@@ -155,37 +155,51 @@
window.removeFile = removeFile;
// ── Загрузка файла (XHR, возвращает Promise только при успехе/ошибке) ──
// ── Чанковая загрузка (50KB) ────────────────────────────────
function uploadFileXHR(file, cid, onProgress) {
return new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest();
var url = '/' + (cid ? '?cid=' + cid : '');
xhr.open('POST', url);
xhr.timeout = 120000;
async function uploadFileChunked(file, cid, onProgress) {
var CHUNK_SIZE = 50 * 1024;
var totalChunks = Math.ceil(file.size / CHUNK_SIZE);
var uploadId = file.name + '_' + Date.now() + '_' + Math.random().toString(36).substr(2, 6);
var totalSent = 0;
var lastResp = null;
xhr.upload.onprogress = function(e) {
if (e.lengthComputable && onProgress) {
onProgress(Math.round(e.loaded / e.total * 100));
}
};
for (var i = 0; i < totalChunks; i++) {
var start = i * CHUNK_SIZE;
var end = Math.min(start + CHUNK_SIZE, file.size);
var chunk = file.slice(start, end);
xhr.onload = function() {
if (xhr.status === 200) {
try { resolve(JSON.parse(xhr.responseText)); }
catch(e) { reject(new Error('Bad JSON')); }
} else {
reject(new Error('HTTP ' + xhr.status));
}
};
var resp = await new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('POST', '/chunk');
xhr.timeout = 60000;
xhr.onerror = function() { reject(new Error('Сеть')); };
xhr.ontimeout = function() { reject(new Error('Таймаут')); };
xhr.onload = function() {
if (xhr.status === 200) {
try { resolve(JSON.parse(xhr.responseText)); }
catch(e) { reject(new Error('Bad JSON')); }
} else {
reject(new Error('HTTP ' + xhr.status));
}
};
xhr.onerror = function() { reject(new Error('Сеть')); };
xhr.ontimeout = function() { reject(new Error('Таймаут')); };
var fd = new FormData();
fd.append('files', file);
xhr.send(fd);
});
var fd = new FormData();
fd.append('chunk', chunk);
fd.append('upload_id', uploadId);
fd.append('filename', file.name);
fd.append('chunk_index', i);
fd.append('total_chunks', totalChunks);
if (cid) fd.append('cid', cid);
xhr.send(fd);
});
if (resp && resp.contract_id) lastResp = resp;
totalSent += (end - start);
if (onProgress) onProgress(Math.round(totalSent / file.size * 100));
}
return lastResp;
}
// ── Выбор файла → сразу загрузка ────────────────────────────
@@ -209,11 +223,16 @@
var startTime = Date.now();
try {
var resp = await uploadFileXHR(f, contractId, function(pct) {
var resp = await uploadFileChunked(f, contractId, function(pct) {
fileQueue[rowIdx].status = '<span style="color:var(--muted);">↑ ' + pct + '%</span>';
renderTable();
});
contractId = resp.contract_id;
// uploadFileChunked возвращает {contract_id} только на последнем чанке
// но этот же resp приходит только с последнего чанка
if (resp && resp.contract_id) {
contractId = resp.contract_id;
}
// Если файл был один и он маленький (один чанк), contract_id уже есть
var elapsed = ((Date.now() - startTime) / 1000).toFixed(1);
fileQueue[rowIdx].status = '<span class="status-ok">✓ ' + elapsed + 'с</span>';
fileQueue[rowIdx].uploaded = true;