html文件上传，用javaScript

HTML文件上传通常通过HTML表单结合JavaScript来实现，具体步骤如下：

1. **创建HTML表单**：
使用`<input type="file">`标签在HTML中创建一个文件选择框，用户可以选择要上传的文件。

<input type="file" id="fileInput" accept=".jpg, .png" />
<button onclick="uploadFile()">上传</button>

这里设置了accept属性限制只允许上传.jpg和.png文件。

2. **添加事件处理函数**：
JavaScript函数`uploadFile()`会在用户点击“上传”按钮时触发。这个函数会获取用户选择的文件并发送到服务器。

function uploadFile() {
    var fileInput = document.getElementById('fileInput');
    var selectedFile = fileInput.files[0];
    
    // 发送AJAX请求（例如使用FormData）
    var formData = new FormData();
    formData.append('file', selectedFile);
    
    // 创建XMLHttpRequest对象或使用fetch API
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload', true);
    xhr.onload = function () {
        if (xhr.status === 200) {
            console.log('文件上传成功');
        } else {
            console.error('文件上传失败');
        }
    };
    xhr.send(formData);
}

3. **服务器端接收**：
后端服务器（如Node.js、PHP等）需要处理接收到的文件，并将其保存到服务器上。

注意：为了安全原因，浏览器默认不允许JavaScript直接读取本地文件，除非文件是从`<input type="file">`中选取的。实际应用中可能还需要处理跨域问题和错误处理。