html - 如何从文件中获取文本输入值?

时间:2018-01-16 22:54:45

标签: html

所以我有一个HTML表单,它将2个输入的内容提交给外部网站。我想要实现的是从文本文件中获取输入的值。那可能吗?如果是这样,我该怎么做?

  <form action="http://blockbench.net/web/index.php" method="POST">
    <input type="text" name="model" value="I want this value to be gotten from a text file I have in the directory of my website">
    <input type="text" name="textures" value="">
    <button type="submit">Submit</button>
  </form>

1 个答案:

答案 0 :(得分:1)

您有两种可能性:服务器端(我推荐)或客户端。

服务器端: 根据服务器上可用的语言,您可以将文件内容作为HTML的一部分提供。例如对于PHP:

<form action="http://blockbench.net/web/index.php" method="POST">
  <input type="text" name="model" value="<?php echo file_get_contents('some_file_on_server.txt'); ?>">
  <input type="text" name="textures" value="">
  <button type="submit">Submit</button>
</form>

客户端: 或者,如果您要阅读的文件在同一个Web服务器上公开,您可以让浏览器通过JavaScript请求它并填写数据。

<form action="http://blockbench.net/web/index.php" method="POST">
  <input type="text" name="model" value="">
  <input type="text" name="textures" value="">
  <button type="submit">Submit</button>
</form>
<script>
  fetch('http://your-server/some_file.txt')
    .then(response => response.text())
    .then(text => document.querySelector('[name="model"]').value = text)
</script>

我建议采用服务器端方式,因为当HTML到达浏览器时,文件中的文本将立即可用,而客户端解决方案将花费一些时间(甚至可能失败)从下载文本服务器并将其填入输入元素。