js 上传音乐文件

<input type="file" id="musicUpload" accept="audio/*">

document.getElementById('musicUpload').addEventListener('change', function(event) {
    const file = event.target.files[0];
    if (file) {
        // 可以在这里进行文件的预处理，比如读取文件信息
        console.log(file.name, file.size, file.type);
        
        // 上传文件到服务器
        uploadFile(file);
    }
});

function uploadFile(file) {
    const formData = new FormData();
    formData.append('music', file);

    fetch('/upload', { // 替换为实际的上传URL
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
}

function uploadFileWithProgress(file) {
    const xhr = new XMLHttpRequest();
    const formData = new FormData();
    formData.append('music', file);

    xhr.open('POST', '/upload');

    xhr.upload.addEventListener('progress', function(event) {
        if (event.lengthComputable) {
            const percentComplete = (event.loaded / event.total) * 100;
            console.log(`Upload progress: ${percentComplete.toFixed(2)}%`);
        }
    });

    xhr.onload = function() {
        if (xhr.status === 200) {
            console.log('Upload successful:', xhr.responseText);
        } else {
            console.error('Upload failed:', xhr.statusText);
        }
    };

    xhr.send(formData);
}