文件上传更改事件触发次数太多

Question

在我的模板中有这段代码

<input type="file" id="FeedImageUpload" name="upload" style="visibility: hidden; width: 0px; height: 0px" multiple />

<a onclick="document.getElementById('FeedImageUpload').click();"><i class="mdi-image-photo-camera panel-icon"></i></a>

在我的模板事件中我有这段代码

'change #FeedImageUpload':function(event){
        console.log('change');
    }

当我尝试上传文件时，更改事件会触发数百次，有时甚至数千次 我想在那个活动上上传图片到服务器，我不想上传图片那么多次

Answer 1

这就是解决方案。

链接事件表单更改为点击。

'click #FeedImageUpload':function(event){
        console.log('change');
    }

如果你不想输入样式，试试这个 JSFiddle

This or This