javascript - 文件上传更改事件触发次数过多

标签 javascript jquery file-upload meteor

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

<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');
    }

当我尝试上传文件时,更改事件会触发数百次有时数千次 enter image description here 我想在该事件中将图像上传到服务器,我不想多次上传图像

最佳答案

这就是解决方案。

将事件表单更改链接到单击。

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

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

ThisThis

关于javascript - 文件上传更改事件触发次数过多,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28145621/

相关文章:

javascript - HTMLCanvasContext.drawImage() 在传递使用 jQuery 找到的图像时失败

jquery - 如何让这个jquery函数更加高效?

javascript - 有没有办法在arbor.js上添加 float 效果

php - 使用ajax上传文件和插入数据

php - 验证上传的文件是否为实际图像文件很重要吗?

php - 从上传的文件执行代码

javascript - Ajax.Begin 正在使用 MVC 5 重新提交整个页面

javascript - 使用 Bokeh Slider 在图像中滑动

javascript - 在jquery中同步多个值检索

javascript - 如何使用 node-js 使用聚合函数