有没有办法在不使用输入文件的情况下上传文件

Question

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

Answer 1

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

基本上，这就是技术，已经在这里回答但适用于图像：

https ://stackoverflow.com/a/12436476/1161948

$("#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">

然后，根据您希望上传的文件类型，您需要做更多的工作来读取文件的内容。这是一个示例：https ://stackoverflow.com/a/44161989/1161948