html - 如何在html中声明文件

Question

所以有这个代码

<div>DROP!<button onclick="document.querySelector('input').click()">Or click</button>    </div>
<input style="visibility: collapse; width: 0px;" type="file" onchange="upload(this.files[0])">

<script>


window.ondragover = function(e) {e.preventDefault()}
window.ondrop = function(e) {e.preventDefault(); upload(e.dataTransfer.files[0]); }
function upload(file) {

    if (!file || !file.type.match(/image.*/)) return;

它所做的是从用户那里获取一个文件，检查它是否是一个图像，然后做一些事情。我怎样才能做到这一点，而不是让用户选择图像，而是选择图像的路径，然后它会做它应该做的事情。所以就像声明我认为的文件。

Answer 1

网页无权从访问者的计算机中选择文件。这将是一个严重的安全风险（例如，流行的会计软件默认将其数据存储在文件 X 中，网页选择该文件，读取它，并将数据发送给站点所有者）。

网页上本地文件的所有选择都必须由用户执行。