Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > JavaScrip Upload (Не AJAX)


Автор: Молоток 10.5.2008, 16:52
Помогите реализовать, немогу собразить как это работает.
есть страница, на ней форма отправки. надо без перезагрузки и староних библиотек отправить файл на сервер.
Знаю можно как то через Ифрейм но не могу собрать как это сделать.
Спасибо!  smile 

Автор: Itsys 10.5.2008, 21:20
Код

function createIFrame() {
  var id = 'f' + Math.floor(Math.random() * 99999);
  var div = document.createElement('div');
  div.innerHTML = '<iframe style="display:none" src="about:blank" id="'+id+'" name="'+id+'" onload="sendComplete(\''+id+'\')"></iframe>';
  document.body.appendChild(div);
  return document.getElementById(id);
}

function sendForm(form, url, func, arg) {
  if (!document.createElement) return; // not supported
  if (typeof(form)=="string") form=document.getElementById(form);
  var frame=createIFrame();
  frame.onSendComplete = function() { func(arg, getIFrameXML(frame)); };
  form.setAttribute('target', frame.id);
  form.setAttribute('action', url);
  form.submit();
}

function sendComplete(id) {
  var iframe=document.getElementById(id);
  if (iframe.onSendComplete && typeof(iframe.onSendComplete) == 'function') iframe.onSendComplete();
}

function getIFrameXML(iframe) {
  var doc=iframe.contentDocument;
  if (!doc && iframe.contentWindow) doc=iframe.contentWindow.document;
  if (!doc) doc=window.frames[iframe.id].document;
  if (!doc) return null;
  if (doc.location=="about:blank") return null;
  if (doc.XMLDocument) doc=doc.XMLDocument;
  iframe.removeNode(true);
  return doc;
}
function uploadComplete(element, doc) {
//сдесь делаешь все что хочешь с полученным от сервера ответом.
}


Код

<form method="post" enctype="multipart/form-data" onsubmit="sendForm(this,'script_name',uploadComplete,'debug'); return false;">


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)