有没有一种方法可以在不使用输入文件的情况下上传文件

Question

有没有一种方法可以在不使用“<input type="file"> 我希望用户在单击基于 JavaScript 的照片时上传他们的文件”的情况下上传文件

Answer 1

我相信您将需要输入，但您可以使用 CSS 隐藏它，这样用户就不会被迫与其交互，然后您通过图像上的 javascript 单击事件提供输入功能。

$("#select_logo").click(function(e){

   e.preventDefault();

   $("#logo").trigger('click');

});

#logo { display: none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>Click the image to upload</div>

<img src="https://placehold.it/150x50" id="select_logo"><input type="file" id="logo">

然后，根据您期望上传的文件类型，您将需要做更多的工作来读取文件的内容。