ajax dosya yüklemek html kaynak kodu
Gmail tarzı ajax dosyalarını yüklemek için düzenleme gerektirmeyen test edilmiş hazır bir upload açık kaynak kodu. Yapmanız gereken tek şey hangi tür dosyaların yükleneceğini belirleyen bir form oluşturma.
ve son olarak php kaynak kodu
index.html için kaynak kod örneği
<script src="/webtoolkit.aim.js" type="text/javascript"><!--mce:0--></script> <script type="text/javascript"><!--mce:1--></script> <form action="/index.html" method="post"> <div><label>Name:</label> <input name="form[name]" type="text" /></div> <div><label>File:</label> <input name="form[file]" type="file" /></div> <div><input type="submit" value="SUBMIT" /></div> </form> <hr /> <div># of submited forms: <span id="nr">0</span></div> <div>last submit response (generated by form action - index.php file):</div>.js kaynak kod örneği
/**
*
* ajax dosya yüklemek
* http://www.webilgici.blogspot.com/
*
**/
AIM = {
frame : function(c) {
var n = 'f' + Math.floor(Math.random() * 99999);
var d = document.createElement('DIV');
d.innerHTML = '';
document.body.appendChild(d);
var i = document.getElementById(n);
if (c && typeof(c.onComplete) == 'function') {
i.onComplete = c.onComplete;
}
return n;
},
form : function(f, name) {
f.setAttribute('target', name);
},
submit : function(f, c) {
AIM.form(f, AIM.frame(c));
if (c && typeof(c.onStart) == 'function') {
return c.onStart();
} else {
return true;
}
},
loaded : function(id) {
var i = document.getElementById(id);
if (i.contentDocument) {
var d = i.contentDocument;
} else if (i.contentWindow) {
var d = i.contentWindow.document;
} else {
var d = window.frames[id].document;
}
if (d.location.href == "about:blank") {
return;
}
if (typeof(i.onComplete) == 'function') {
i.onComplete(d.body.innerHTML);
}
}
}
print_r($_REQUEST['form']);
değişiklikler yapabilir kendinize göre ayarlayabilirsiniz..
Join the conversation