html中用js选择文件并获得文件路径的代码实例

当用户选择文件后，浏览器会自动填充input[type='file']元素的value属性为文件路径。

HTML代码：

<input type="file" id="input-file">

JavaScript代码：

const inputFile = document.getElementById('input-file');
inputFile.addEventListener('change', (event) => {
const filePath = event.target.value;
console.log(filePath);
});

以上代码中，我们首先获取了一个id为'input-file'的文件选择框，然后监听change事件。当用户选择文件后，change事件会被触发，我们会得到一个描述用户选择的文件的Event对象。从Event对象中，我们可以获取到文件路径，即event.target.value。最后，我们打印文件路径到控制台中。

相关问题

html中用js选择文件并获得文件名称的代码实例

可以使用以下代码实现：

<input type="file" id="fileInput">
<button onclick="getFile()">获取文件名称</button>

<script>
function getFile() {
  const fileInput = document.getElementById("fileInput");
  const fileName = fileInput.value.split("\\").pop(); //获取文件名
  console.log(fileName); //输出文件名
}
</script>

当用户点击按钮时，会调用 `getFile` 函数获取当前选择的文件的名称并输出到控制台。

python中用with open写入文件的实例代码

下面是一个使用`with open`向文件中写入内容的示例代码：

with open('example.txt', 'w') as f:
    f.write('Hello, world!')

在上面的代码中，我们打开一个名为`example.txt`的文件，使用`with open`语句来确保文件在使用完毕后被正确关闭。`'w'`表示以写入模式打开该文件。使用`f.write()`方法向文件中写入`'Hello, world!'`字符串。当`with`块结束时，文件将被自动关闭并保存。