监听input type=file 文件上传取消事件

  • Post author:
  • Post category:其他


在做项目的时候,需要根据是否上传图片,(前提是已经上传文件,再次上传取消时,监听取消事件)进而判断页面变化。通过查阅相关资料,发现chane事件并不能监听取消,于是从另外一种角度:判断上传的文件是否有值,进而监听取消事件。

在这里插入图片描述

在这里插入图片描述

通过上述代码可以发现,但我们上传文件时,如果取消上传,反之如果有文件上传,则其上传的文件长度会大于0,所以我们可以借此对取消事件进行监听。