XMLHttpRequest POST multipart / form-data

Я не понимаю, почему iframe (невидимый) подразумевает XHTML, а не ЛЮБОЙ контент. Если вы используете iframe, вы можете установить событие onreadystatechange и дождаться завершения. Затем вы можете использовать frame.window.document.innerHTML (пожалуйста, поправьте меня), чтобы получить строковый результат.

var lFrame = document.getElementById('myframe');
lFrame.onreadystatechange = function()
{
   if (lFrame.readyState == 'complete')
   {
      // your frame is done, get the content...
   }
};

Нет никакого способа получить доступ к полю ввода файла внутри javascript, поэтому нет решения только для javascript для загрузки файлов ajax.

Есть обходной путь, например используя iframe.

Другой вариант - использовать что-то вроде SWFUpload или Google Gears.

Вам нужно будет выполнить POST в IFrame, чтобы заставить это работать, просто добавьте целевой атрибут в свою форму, где вы указываете идентификатор IFrame. Что-то вроде этого:

<form method = "post" target = "myiframe" action = "handler.php">
...
</form>
<iframe id = "myiframe" style = "display:none" />

Я не понимаю, что вы указали событие onload, оно находится на странице или в iframe ?, первый ответ правильный, нет никакого способа сделать это, используя чисто xmlhttprequest, если то, что вы хотите добиться, запускает какой-либо метод после того, как ответ существует в iframe, просто проверьте, есть ли у него уже контент или нет, используя скрипт DOM, затем запустите метод.

прикрепить событие onload к iframe

if (window.attachEvent){
 document.getElementById(iframe).attachEvent('onload', some_method);
}else{
 document.getElementById(iframe).addEventListener('load', some_method, false);
} 

Вы можете создать запрос multipart / form-data самостоятельно (подробнее об этом читайте в http://www.faqs.org/rfcs/rfc2388.html), а затем использовать метод send (например, xhr.send (your-multipart-form-data)). Точно так же, но проще, в Firefox 4+ (также в Chrome 5+ и Safari 5+) вы можете использовать интерфейс FormData, который помогает создавать такие запросы. Метод send хорош для текстового содержимого, но если вы хотите отправлять двоичные данные, такие как изображения, вы можете сделать это с помощью метода sendAsBinary, который использовался начиная с Firefox 3.0. Для получения подробной информации о том, как отправлять файлы через XMLHttpRequest, обратитесь к http://blog.igstan.ro/2009/01/pure-javascript-file-upload.html.

Content-Disposition: form-data, name

Вы должны использовать точку с запятой, например: Content-Disposition: form-data; имя

Вот современный способ использования FormData (полный документ @MDN)

Сценарий:

var form = document.querySelector('#myForm');
form.addEventListener("submit", function(e) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", this.action);
    xhr.addEventListener("load", function(e) {
        // Your callback
    });

    xhr.send(new FormData(this));

    e.preventDefault();
});

(из этой базовой формы)

<form id = "myForm" action = "..." method = "POST" enctype = "multipart/form-data">
    <input type = "file" name = "file0">
    <input type = "text" name = "some-text">
    ...
</form>

Еще раз спасибо Алексу Поло за его ответ