如何使用html输入标签从用户获取图像并将其存储在树莓派上的文件夹中

Question

我正在尝试使用Html的input标签从用户那里获取图像并将其存储在Web服务器上，该服务器目前是我的PC，但将来我希望将其传输到我的树莓派上，我不想对于该项目使用SQL Server，我所需要知道的最好是使用HTML或PHP或JavaScript，我如何才能从用户那里获取图像并将其存储在Web服务器上以供以后显示，我目前也正在使用xampp有什么用。

Answer 1

look at this question: What's the best way to create a single-file upload form using PHP?

then you can write some bash script to automaticly copy files between your pc and RPi. Or you can mount disk from RPi in PC and store files from html form directly on it.

Answer 2

Use change event at <input type="file"> element, change event, FormData() , fetch() or XMLHttpRequest()

<input type="file" accepts="image/*">
<script>
var input = document.querySelector("input[type=file]");
input.addEventListener("change", function() {
  var file = this.files[0];
  var data = new FormData();
  data.append("file", file);
  fetch("/path/to/server", {method:"POST", body:data})
  .then(response => response.ok)
  .then(res => console.log(res))
})
</script>