JS实现Html File控件赋值

你可以使用JavaScript来实现Html File控件的赋值，代码示例如下：

<input type="file" id="fileInput">
<button onclick="chooseFile()">选择文件</button>

function chooseFile() {
  document.getElementById('fileInput').click();
  document.getElementById('fileInput').addEventListener('change', function() {
    var file = this.files[0];
    console.log(file.name);
    // 可以在这里对文件进行操作
  });
}

首先，我们创建了一个Html File控件，并为其设置了一个id。然后，我们创建了一个按钮，当用户点击该按钮时，会调用`chooseFile()`函数。

在`chooseFile()`函数中，我们首先通过`document.getElementById()`方法获取到Html File控件，并调用其`click()`方法触发文件选择对话框。接着，我们添加了一个`change`事件监听器，当用户选择文件后，会触发该监听器，并获取到所选择的文件对象。在这里，你可以对文件进行任何你想要的操作。

注意，为了保证浏览器的兼容性，我们没有直接调用`input`元素的`click()`方法，而是通过`addEventListener()`方法来添加事件监听器。