我们可以为从输入 type="file" 中选择的文件创建一个自定义的 URL，该文件指向文件并在任何使用的地方下载文件？

Question

 <input type="file" id="ota" name="ota" accept=".bin" />
 <div id="btn-container">
 <button id="update-button" >Update</button>
 </div>

在这里，当从输入类型=“文件”中选择文件时，我想创建一个类似的 URL（http://<server_host_ip>:<server_port>/<image_name.bin>）

Answer 1

你是这个意思？

 document.getElementById("ota").addEventListener("change", function() { const file = this.files[0]; const fileName = file.name; console.log(fileName) const link = document.getElementById("dl") link.href = location.origin + "/" + fileName link.removeAttribute("hidden") })

 <input type="file" id="ota" name="ota" accept=".bin" /> <button id="update-button">Update</button> <a href="" download id="dl" hidden>download</a>