2

Делаю загрузку картинки с помощью Drag&Drop. Тоесть кнопка "submit" не предусматривается.

D&D-легко, Интересует только: 1) как взять картинку из input[file] 2) отправить с помощью ajax не перезагружая страницу

Большое спасибо! P.S. желательно без jquery, не хочу подгружать целую библиотеку

1 ответ 1

3

Я реализую это таким образом:

var input = document.getElementById('Your ID input file');
var file_ = input.files[0];
if (file_) {
  upload_file(file_);
}

function upload_file(file) {
    var xhr = new XMLHttpRequest();
    var form = new FormData();
    var url;
    
    xhr.upload.onprogress = function(event) {}
    
    xhr.onload = xhr.onerror = function() {
        if (this.status == 200) {
            console.log('success');
        } else {
            console.log('error ' + this.status);
        }
    }
    
    url = '/index.php?act=upload&a=newPhoto';
    
    form.append('photo', file);
    xhr.open('POST', url, true);
    xhr.send(form);
}

1
  • О, оно! работает!)) то что нужно!) Commented 29 сент. 2016 в 17:21

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.