Загрузка изображений JS

299

26 ноября 2016, 17:54

Ситуация такая: Есть скрипт который загружает файл на сервер, возможно ли сделать так чтобы при выборе файла не надо было нажимать кнопку загрузить, он автоматом чтобы грузился. JS function hideBtn(){ $('#upload').hide(); $('#res').html("Идет загрузка файла"); }

function handleResponse(mes) {
    $('#upload').show();
    if (mes.errors != null) {
        $('#res').html("Возникли ошибки во время загрузки файла: " + mes.errors);
    }   
    else {
        $('#res').html("Файл " + mes.name + " загружен");   
    }   
}

HTML:

<form action="upload.php" method="post" target="hiddenframe" enctype="multipart/form-data" onsubmit="hideBtn();">
<input type="file" id="userfile" name="userfile" />
<input type="submit" name="upload" id="upload" value="Загрузить" />
</form>
<div id="res"></div>
<iframe id="hiddenframe" name="hiddenframe" style="width:0px; height:0px; border:0px"></iframe>

Answer 1

Проще простого. Кнопка Загрузить в форме нам больше не нужна.

<form id="imgForm" enctype="multipart/form-data" action="upload.php" method="post">
<input type="file" id="userfile" name="userfile" />
</form>

// как только загрузится страница
$(document).ready(function() {
  // повесить следующий обработчик на input c id userfile
  $("#userfile").on('change', function(e) {
    //выпольнить запрос 
    $("#imgForm").submit();
  });
});