HTML 输入类型文件只支持拖放但限制文件浏览和上传答案

【问题标题】：HTML Input type file to support only drag and drop but restrict file browse and uploadHTML 输入类型文件只支持拖放但限制文件浏览和上传
【发布时间】：2020-09-23 02:04:26
【问题描述】：

我有输入类型“文件”。

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

我想限制用户，使他们不能点击文件框来选择要上传的文件。文件输入框只允许拖放。

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

【问题讨论】：

标签： javascript html css angular

【解决方案1】：

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

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

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

【讨论】：

它通过添加 (click)="$event.preventDefault()" 起作用。非常感谢您的回答。