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

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

<input type="file" id="batchUpload"
 name="files" 
 accept="image/jpg, image/gif,image/png, image/jpeg" 
 multiple="multiple">

	var batchUpload = document.querySelector('#batchUpload');
	 batchUpload.click();
	 batchUpload.addEventListener('change', function () {            
                   var filesList = document.querySelector('#batchUpload').files;
                   if(filesList.length==0){         //如果取消上传，则改文件的长度为0         
                       return;
                   }else{  
                   	//如果有文件上传，这在这里面进行
                   }
                }); 
 

通过上述代码可以发现，当我们上传文件时，如果取消上传，document.querySelector('#batchUpload').files.length==0，反之如果有文件上传，则其上传的文件长度会大于0，所以我们可以借此对取消事件进行监听