帮我写一段代码js，点击按钮，可以选择本地文件路径，并

将文件路径显示在页面上。

很高兴回答你的问题。以下是代码：

HTML:

<button onclick="chooseFile()">选择文件</button>
<p id="file-path"></p>

JavaScript:

function chooseFile() {
const input = document.createElement('input');
input.type = 'file';
input.onchange = function(event) {
const filePath = event.target.value;
document.getElementById('file-path').textContent = filePath;
};
input.click();
}

当用户点击按钮时，会弹出一个文件选择对话框，用户可以选择本地文件。选择完毕后，文件路径会显示在页面上。

相关问题

帮我写一段代码jquery，点击按钮，可以选择本地文件路径，并得到路径数据

好的，以下是代码：

$('#button').click(function(){
  // 创建一个input元素
  var input = document.createElement('input');
  // 设置input元素的type为file
  input.type = 'file';
  // 绑定change事件，获取文件路径
  input.onchange = function(event) {
    var file = event.target.files[];
    var path = URL.createObjectURL(file);
    console.log(path);
  };
  // 触发input元素的点击事件
  input.click();
});

当用户点击按钮时，会弹出文件选择框，用户选择文件后，会在控制台输出文件路径。

帮我写一个点击按钮弹出图文的代码

当然可以帮您写一个点击按钮弹出图文的代码。以下是一个简单的示例代码：

HTML部分：

<button onclick="showImageText()">点击弹出图文</button>
<div id="imageText" style="display: none;">
  <img src="image.jpg" alt="图像">
  <p>这是一段图文内容。</p>
</div>

JavaScript部分：

function showImageText() {
  var imageTextDiv = document.getElementById("imageText");
  if (imageTextDiv.style.display === "none") {
    imageTextDiv.style.display = "block";
  } else {
    imageTextDiv.style.display = "none";
  }
}

以上代码中，我们首先创建了一个按钮，当点击按钮时会调用名为 `showImageText()` 的 JavaScript 函数。在这个函数中，我们通过获取 `imageText` 元素的引用，并根据其当前的 `display` 样式来切换其显示与隐藏。

当点击按钮时，如果 `imageText` 元素当前处于隐藏状态（`display: none`），则将其样式设置为显示（`display: block`）；如果 `imageText` 元素当前处于显示状态，则将其样式设置为隐藏。

您可以根据自己的需要修改代码，例如更换图像路径和图文内容。希望对您有所帮助！如果有任何问题，请随时提问。