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

有没有一种方法可以不使用输入文件就上传文件

1 个答案: