Event Handler Inside Event Handler Is Multiplying

I have this code jQuery('#parent').on('click', jQuery('#fileInput'), function (e) { jQuery(e.target).attr('data-fileurl', ''); jQuery('#parent').on('change', jQuery('#fileI

Solution 1:

You should use one method instead:

jQuery('#parent').one('change', jQuery('#fileInput'), function (e) {
                    ^
...