2011-02-07 3 views
1

Мне нужно загрузить и сохранить изображение на сервере. Я использую XMLHttpRequest POST для отправки изображения на сервер и вызова класса с именем imageSave.aspx. Мне трудно найти «захват» изображения со стороны сервера (imageSave.aspx) и сохранение его на сервере. Есть ли у кого-нибудь какие-то советы относительно того, как это делается или, возможно, ссылка на хорошую статью или что-то еще?XMLHttpRequest POST

Код, используемый для выполнения POST HTTP ....

xhr = new XMLHttpRequest(); 

       // Update progress bar etc 
       xhr.upload.addEventListener("progress", function(evt) { 
    if (evt.lengthComputable) { 
    progressBar.style.width = (evt.loaded/evt.total) * 100 + "%"; 
    } 
    else { 
    // No data to calculate on 
    } 
    }, false); 

    // File uploaded 
    xhr.addEventListener("load", function() { 
    progressBarContainer.className += " uploaded"; 
    progressBar.innerHTML = "Uploaded!"; 
    }, false); 

    xhr.open("post", "imageSave.aspx", true); 

    // Set appropriate headers 
       xhr.setRequestHeader("Content-Type", "multipart/form-data"); 
     xhr.setRequestHeader("X-File-Name", file.fileName); 
     xhr.setRequestHeader("X-File-Size", file.fileSize); 
     xhr.setRequestHeader("X-File-Type", file.type); 

     // Send the file 
     xhr.send(file); 

Высокую оценку, JP

+0

Можете ли вы добавить некоторый код, чтобы показать, что вы сделали до сих пор? –

+0

это код, который я использовал для выполнения HTTP POST ... –

ответ

0

Прочитайте этот другой ответ:

It вы получите представление о том, почему вы невозможно загрузить изображение с помощью XMLHttpRequest.

ОБНОВЛЕНИЕ: Проверьте этот элемент управления AJAX Control Toolkit - это будет то, что вы хотите! -:

+0

Я вижу. Итак, как обычно загружаются изображения после выбора клиентом с использованием элемента html INPUT? –

+0

Выполнение полного после обратной связи. У некоторых есть скрытый iframe, который загружает файл и уведомляет главную страницу о том, что загрузка была успешно выполнена. Выполняя этот подход, вы получаете какое-то ощущение «AJAX-like». Другие используют 1px и скрытую Flash для достижения той же цели. Non из них - хорошие подходы, но поскольку нет стандартного решения для асинхронной загрузки ... –

+0

с использованием iframe, вы должны отправить форму на сервер правильно? так как же сохранить изображение с сервера? –

Смежные вопросы