"Files" property with javascript not working in Firefox, even though it's per Mozilla docs

User Generated



Question Description

I'm using this javascript code, per Mozilla docs, but it's not working in Mozilla, just in Chrome and Opera.

var data = new FormData(document.getElementById("uploadform"));		
var selected_file = document.getElementById('file').files[0];	
data.append('file-0', selected_file);
firefox also causes server error on the ajax file upload:
[Wed Jun 05 21:34:53 2013] [error] [client ::1] PHP Notice:  Undefined index: file-0 in /home/jeff/public/website.com/public/upload.php on line 11, referer: http://localhost/
I have no idea why the "files" property does not seem to be working on Firefox. Here's the relevant Mozilla docs page: Using FormData Objects.

Student has agreed that all tutoring, explanations, and answers provided by the tutor will be used to help in the learning process and in accordance with Studypool's honor code & terms of service.

Explanation & Answer

Thank you for the opportunity to help you with your question!

In most cases, the discipline is self-governed by the entities which require the programming, and sometimes very strict environments are defined

Please let me know if you need any clarification. I'm always happy to answer your questions.

svggvat x (56)
Purdue University

Really helpful material, saved me a great deal of time.