文件上传更改事件太多次

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或This