Witam
Mam problem z uploaderem, mianowicie na MS EDGE wszystko działa ok i plik się uploaduje bez problemu jednak na przeglądarkach Firefox i Chrome ciągle upload się zatrzymuje z błędem Wystapił błąd z wysyłaniem pliku. Prosimy sprobpwac ponownie dotyczy to najpewniej tej linijki
xhr.addEventListener("error", uploadFailed, false);
tutaj cały kod js
function fileSelected() {
var fileInput = document.getElementById("fileToUpload");
var files = fileInput.files;
var file;
for (var i = 0; i < files.length; i++) {
var file = document.getElementById('fileToUpload').files[i];
if (file){
var fileSize = 0;
fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
document.getElementById('fileN').innerHTML += '<div id='+ file.name + '><output class="status'+ fileSize + '"></output> </br></br>-----</br>Nazwa: ' + file.name + '</br>Rozmiar: ' + fileSize+'<progress value="0" max="100" class="postep'+ fileSize + '"></progress></br>Typ: ' + file.type+'</br>-----</br></div>';
}
}}
function uploadFile() {
var fileInput = document.getElementById("fileToUpload");
var files = fileInput.files;
var file;
for (var i = 0; i < files.length; i++) {
var file = document.getElementById('fileToUpload').files[i];
if (file)
var fd = new FormData();
fd.append("fileToUpload", document.getElementById('fileToUpload').files[i]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("POST", "upload.php", true);
xhr.send(fd);
}
}
function konwersjaBajtow(bajty) {
var kilobajt=1024;
var megabajt=kilobajt*1024;
var gigabajt=megabajt*1024;
var terabajt=gigabajt*1024;
if (bajty>=0 && bajty<kilobajt) return bajty+" B";
else if(bajty>=kilobajt && bajty<megabajt) return Math.round(bajty/kilobajt)+" kB";
else if(bajty>=megabajt && bajty<gigabajt) return Math.round(bajty/megabajt)+" MB";
else if(bajty>=gigabajt && bajty<terabajt) return Math.round(bajty/gigabajt)+" GB";
else if(bajty>=terabajt) return Math.round(bajty/terabajt)+" TB";
else return bajty+" B";
}
function uploadProgress(event , file){
if (event.lengthComputable) {
var procent=Math.round((event.loaded/event.total)*100);
if (event.total > 1024 * 1024)
var ile = 0;
ile = (Math.round(event.total * 100 / (1024 * 1024)) / 100).toString() + 'MB';
var elems = document.getElementsByClassName("status"+ile);
for(var i = 0; i < elems.length; i++)
{
elems[i].innerHTML="</br></br></br></br>Wysłano ["+konwersjaBajtow(event.loaded)+"] z ["+konwersjaBajtow(event.total)+"] --- ("+procent+"%)"+ "";
}
var bar = document.getElementsByClassName("progressBar");
for(var i = 0; i < bar.length; i++)
{
bar[i].style.width = (procent * 3.55).toString() + 'px';
}
var progres = document.getElementsByClassName("postep"+ile);
for(var i = 0; i < progres.length; i++)
{
progres[i].value=procent; }
} else {
document.getElementsByClassName('status'+ile).innerHTML = 'Nie mozna wyświetlić progressbara';
}}
function uploadComplete(evt) {
/* This event is raised when the server send back a response */
document.getElementById("status").innerHTML+=evt.target.responseText;
}
function uploadFailed(evt) {
document.getElementById("status").innerHTML+="Wystąpił błąd podczas wysyłania pliku.</br>Prosimy spróbować ponownie.";
}
function uploadCanceled(evt) {
document.getElementById("status").innerHTML+="Wysyłanie pliku zostało przerwane przez użytkownika lub utracono połączenie z internetem.";
}
adres do strony gdzie mozna sprawdzic jak to wygląda https://katalogryki.pl/katalog/upl.php
