Не могу понять, почему при клике на картинку отправляется форма, ведь у меня прописано, что форму отправлять только при изменении. Помогите, люди добрые, поставить на путь истинный :)
https://jsfiddle.net/hibinyru/jzt5c9mn/11/
$(".iframe-button-add").bind("click", function(){
$("#upload").click();
});
$("#upload").change(function(){
this.form.submit();
$(".content_more").slideToggle(300);
});
.iframe-button-add {
width:80px;
height:80px;
border-radius: 3px;
border: solid 1px #ebebeb;
background: no-repeat center url('https://www.hibiny.com/images/2020/interface/buttons/icons-options-photo-add.png');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form action="" method="post" enctype="multipart/form-data">
<div class="content_more" style="display:none;"><img src="/images/2020/interface/preloader/64.gif"></div>
<button class="iframe-button-add" ></button>
<input type="file" name="files" id="upload" accept="image/jpeg,image/png,image/gif,image/jpg,image/bmp,image/webp" style="display:none;">
<input type="hidden" name="form" value="1">
</form>