javascript - HTML 输入类型文件，仅支持拖放但限制文件浏览和上传

Question

我有输入类型"file"。

<input type="file" class="someCssClass"
        (drop)="onImageDrop($event)" required>

我想限制用户，以便他们无法单击文件框来选择要上传的文件。在文件输入框上只允许拖放。

但是我怎样才能限制用户呢？请帮助，因为用户可以单击文件输入框，然后单击我不想要的浏览文件夹选项。拖放按预期工作，我对此很好。

Answer 1

也许这样的事情会起作用( (click)="$event.preventDefault()" ):

<input type="file" class="someCssClass" (drop)="onImageDrop($event)" 
   (click)="$event.preventDefault()" required>

如果您想让它对用户更好一点，请制作一个在取消事件的同时显示错误/解释的函数。