文件上传DOC的方法详解

<form id="uploadForm" action="/upload" method="POST" enctype="multipart/form-data">
    <label for="docFile">选择DOC文件:</label>
    <input type="file" id="docFile" name="docFile" accept=".doc,.docx" required />
    <button type="submit">上传文件</button>
</form>

<script>
document.getElementById('uploadForm').onsubmit = function(e) {
    const fileInput = document.getElementById('docFile');
    const file = fileInput.files[0];
    if (file) {
        // 检查文件类型
        const validTypes = ['application/msword',
                  'application/vnd.openxmlformats-officedocument.wordprocessingml.document'];
        if (!validTypes.includes(file.type)) {
            alert('请上传有效的DOC或DOCX文件！');
            e.preventDefault();
        }

        // 检查文件大小（限制5MB）
        if (file.size > 5 * 1024 * 1024) {
            alert('文件大小不能超过5MB！');
            e.preventDefault();
        }
    }
};
</script>

<input type="file" id="docFile" name="docFile" accept=".doc,.docx" />
<div id="fileInfo"></div> <script>
document.getElementById('docFile').onchange = function() {
    const file = this.files[0];
    if (file) {
        const infoDiv = document.getElementById('fileInfo');
        infoDiv.innerHTML = `已选择: ${file.name} (${(file.size / 1024).toFixed(2)} KB)`;
        infoDiv.style.display = 'block';
    }
};
</script>