Здравствуйте,
Есть поле для загрузки файлов, нужно при помощи JavaScript взять файл из поля ,и передать в файл обработчик php
Поле
<input type="file" name="jform[params][myfilevalue]" id="jform_params_file" />
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуНа чистом 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
onchange -С помощью этого атрибута можно вставить обработчик JavaScript который будет срабатывать при изменении данных в поле
4 июл 2017 в 9:58