HTML + Javascript feltöltő: array bug Firefoxban

HTML + Javascript feltöltő: array bug Firefoxban
2013-03-11T22:19:16+01:00
2013-03-13T19:33:53+01:00
2022-11-28T12:41:59+01:00
scymex1
Halihó!
Van egy scriptem ami hozzáadja a files változóhoz a betallózott fájlt, de nem működik firefox-ban.
Azt hiszem az arraybe egymásután ugyanazt a fájlt rakja amit először tallózok.
Az array FX-ben:
http://scymex.eu/screenshot/2013.03.11.-21.38.19.png
Az array Chrome-ban:

http://scymex.eu/screenshot/2013.03.11.-21.38.50.png

Javascript:

function Upload(config){ this.config = config; this.items = ""; this.files = new Array(); var self = this; Upload.prototype._init = function() { if (window.File && window.FileReader && window.FileList && window.Blob) { var inputId = $("#"+this.config.form).find("input[type='file']").eq(0).attr("id"); document.getElementById(inputId).addEventListener("change", this._AddFile, false); document.getElementById(this.config.form).addEventListener("submit", this._StartUpload, false); } else console.log("Browser supports failed"); } Upload.prototype._StartUpload = function(e) { e.stopPropagation(); e.preventDefault(); console.log(self.files); } Upload.prototype._AddFile = function(evt){ if(evt.target.files){ self.files.push(evt.target.files); console.log(evt.target.files); } else console.log("Failed file reading"); } this._init(); } function Init () { new Upload(config); }

HTML:

<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image upload</title> <link href='http://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="js/Upload.js"></script> <script type="text/javascript"> var config = { support : "image/jpg,image/png,image/bmp,image/jpeg,image/gif", form: "FileSelect", dragArea: "dragndrop", uploadUrl: "upload.php" } $(document).ready(function(){ Init(config); }); </script> <link href="css/style.css" type="text/css" rel="stylesheet" /> </head> <body lang="en"> <div id="dragndrop" class="dragndrop"> <h1>Drop Images Here</h1> </div> <form name="FileSelect" id="FileSelect" enctype="multipart/form-data"> <input type="file" name="multiUpload" id="multiUpload" multiple /> <input type="submit" name="submitHandler" id="submitHandler" value="Upload" class="buttonUpload" /> </form> <div class="progressBar"> <div class="status"></div> </div> </body> </html>

Köszönöm előre is a segítségeteket.
Mutasd a teljes hozzászólást!
Ennek <input type="file" name="multiUpload" id="multiUpload" multiple /> az elemnek a "tartalmához" (azaz mely fájlok vannak benne) kliens oldalon nem férsz hozzá, csak elküldeni tudod, vagy újabb kiválasztással módosíthatod...
Ha azt szeretnéd elérni, hogy feltöltés előtt lehetőség legyen a már kiválasztottak bővítésére/módosítására, akkor más megoldás kell -> mint például ITT.
Ha nem ezért kell a this.files = new Array();, akkor BOCSI...
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd