How can I upload file in JavaScript and PHP without using FormData

Question

I try to make upload page without refresh, when I select the file and press the button it does not come back with the file information if I use value, it gives me c:/fakepath/filename or undefined. I just want to upload file without using FormData.

Here is the code

<!doctype html>
<html lang="en">
 <head><script src="http://localhost/jquery-1.10.2.js"></script></head>
 <body>
   <form  enctype="multipart/form-data">
     <input type="file" name="up[]" multiple>
     <input type="file" name="up[]">
     <input type="file" name="upload">
   </form>
   <script>
     $( "form" ).submit(function( event ) {
       event.preventDefault();
     });
     function omg(){
       var elements= $( "form>*" );
       $formdata=new FormData();
       for(i=0;i<elements.length;i++){
         var element=elements[i];
         var elementtype=element.type;
         var elementname=element.name;
         if(elementtype == "file"){
           if(element.value !== ""){
             var files=element.files;
             alert(files.name);
             $("div").append(element.value + "<BR>");
           }
         }
       }
     }
   </script>
 </body>
</html>

mplungjan · Accepted Answer · 2015-05-19 12:43:46Z

1

Like this:

<!DOCTYPE html>
<html lang="en">
 <head>
   <title>File upload</title>
 </head>
 <body>
   <form action="fileupload.php" enctype="multipart/form-data" target="myFrame">
     <input type="file" name="up[]" multiple>
     <input type="file" name="up[]">
     <input type="file" name="upload">
     <input type="submit" value="send">
   </form><iframe style="display:hidden" name="myFrame"></iframe>
 </body>
</html>

answered May 19, 2015 at 12:43

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Zgr3doo Over a year ago

I haven't seen this method for ages :)

mplungjan Over a year ago

Me neither, but what to do if you do not want to adhere to the current methods

Collectives™ on Stack Overflow

How can I upload file in JavaScript and PHP without using FormData

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related