php dosyasındaki kod;
if (!empty($_FILES['file'])) {
foreach ($_FILES['file']['name'] as $key => $name) {
if ($_FILES['file']['error'][$key] == 0 && move_uploaded_file($_FILES['file']['tmp_name'][$key], "files/{$name}")) {
echo "Dosya upload edildi.";
}
}
}
Birde upload.js isimli js dosyası var arkadaşlar bu da progress bar için,
function waitfor()
{
window.location.reload();
}
var handleUpload = function (event) {
event.preventDefault();
event.stopPropagation();
var data = new FormData();
data.append('ajax', true);
var fileInput = document.getElementById('file');
for (var i = 0; i data.append('file[]',fileInput.files[i]);
}
var request = new XMLHttpRequest();
request.upload.addEventListener("progress", function (event) {
if (event.lengthComputable) {
var percent = event.loaded / event.total;
var progress = document.getElementById('upload_progress');
var bar = document.getElementById('cubuk');
while (progress.hasChildNodes()) {
progress.removeChild(progress.firstChild);
}
progress.appendChild(document.createTextNode(Math.round(percent * 100) + '%' + ' Yükleniyor... ' + 'İşlem Bitene kadar bekleyiniz.'));
bar.style.width = (Math.round(percent * 100) * 8) + 'px' ;
}
});
request.upload.addEventListener('load', function(event) {
document.getElementById('upload_progress').style.display = 'none';
document.getElementById('progress-bar').style.display = 'none';
document.getElementById('bekle').style.display = 'block';
bekle.appendChild(document.createTextNode('Çeviri yapılıyor. Sayfa otomatik yenilenecektir. Lütfen bekleyiniz...'));
waitfor();
});
request.upload.addEventListener('error', function (event) {
alert('Dosya upload edilemedi.');
});
request.addEventListener('readystatechange', function (event) {
if(this.readyState == 4) {
if(this.status == 200) {
var links = document.getElementById('uploaded');
var uploaded = eval(this.response);
} else {
console.log('Server relied with HTTP Status' + this.status);
}
}
});
request.open('POST', 'admin.php');
request.setRequestHeader('Cache-Control','no-cache');
document.getElementById('upload_progress').style.display = 'block';
document.getElementById('progress-bar').style.display = 'block';
request.send(data);
}
window.addEventListener("load", function (event) {
var submit = document.getElementById('submit');
submit.addEventListener("click" , handleUpload);
});
Şimdiden teşekkürler.