Получить данные из поля формы, и передать в файл обработчик

202

04 июля 2017, 23:38

Здравствуйте, Есть поле для загрузки файлов, нужно при помощи JavaScript взять файл из поля ,и передать в файл обработчик php
Поле

<input type="file" name="jform[params][myfilevalue]" id="jform_params_file" />

Answer 1

На чистом JavaScript не силен, но вот на jQuery загрузка файла с помощью FormData выглядела бы вот так:

$(function(){ 
    $('form').on('submit', function(ev) { 
        ev.preventDefault(); 
 
        $.ajax({ 
            url: 'upload.php', 
            type: 'POST', 
            data: new FormData($(this)[0]), 
            cache: false, 
            contentType: false, 
            processData: false 
        }) 
        .done(function() { 
            console.log("success"); 
        }) 
        .fail(function() { 
            console.log("error"); 
        }) 
        .always(function() { 
            console.log("complete"); 
        }); 
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
  <input type="file" name="jform[params][myfilevalue]" id="jform_params_file" /> 
  <button class="submit">Загрузить</button> 
</form>

Если не нужна кнопка submit, тогда просто замените селектор на свой и так же селектор в объекте FormData