如何使用drf-chunked-upload库将文件上传到服务器？

pip install drf-chunked-upload

INSTALLED_APPS = [
    ...
    'drf_chunked_upload',
    ...
]

DRF_CHUNKED_UPLOAD_EXPIRATION_DELTA = 3600  # 文件在1小时后过期

from django.urls import path
from drf_chunked_upload.views import ChunkedUploadView, ChunkedUploadCompleteView

urlpatterns = [
    ...
    path('api/chunked_upload/', ChunkedUploadView.as_view(), name='api_chunked_upload'),
    path('api/chunked_upload_complete/', ChunkedUploadCompleteView.as_view(), name='api_chunked_upload_complete'),
    ...
]

async function uploadChunk(file, start, end) {
    const url = 'http://yourserver.com/api/chunked_upload/';
    const chunk = file.slice(start, end);  // 获取文件的一部分
    const formData = new FormData();
    formData.append('file', chunk);
    formData.append('filename', file.name);

    try {
        const response = await fetch(url, {
            method: 'POST',
            body: formData
        });
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('Error:', error);
    }
}

async function uploadFileInChunks(file) {
    const chunkSize = 1024 * 1024; // 1MB
    let position = 0;

    while (position < file.size) {
        const result = await uploadChunk(file, position, position + chunkSize);
        position += chunkSize;
        console.log('Uploaded chunk:', result);
    }
}

// 使用文件输入元素或其他方法获取文件
const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', event => {
    const file = event.target.files[0];
    uploadFileInChunks(file);
});