javascript - 使用JS一键上传文件

Question

我正在尝试一键上传文件。

我可以选择文件，但无法一键将其上传到服务器上的特定位置。其余部分需要帮助。

html:

<form>
<input type="file" id="real-file" class="displaynone"/>
<button id="custom-button" class="button-input-3">Upload file</button>
</form>

JS：

<script type="text/javascript">
const realFileBtn = document.getElementById("real-file");
const customBtn = document.getElementById("custom-button");
customBtn.addEventListener("click", function() {
realFileBtn.click();
});
</script>

我很抱歉。我对此比较陌生，并且感觉自己的方式。您能提供的任何帮助将不胜感激。谢谢。

标签： javascript

Answer 1

浏览器不允许 javascript 启动文件对话框。用户必须单击该按钮。这是一项安全预防措施，可防止欺骗用户执行此操作。