<input type="file" id="fileupload1" onchange="submitImages(this.id);"   />

 <apex:actionFunction name="submitFilename" rerender="thisform" action="{!AddAttachments}"
            >
            <apex:param name="fileBody" value="txt"></apex:param>
            <apex:param name="filename" value="na"></apex:param>
           
            <apex:param name="thisCompID" value=""></apex:param>
        </apex:actionFunction>
 function submitImages(thisCompID) {
            var file = document.getElementById(thisCompID).files[0];

            console.log(file);

            if (file != undefined) {
                var attachmentName = file.name;
                var fileReader = new FileReader();
                 
                    
                   
                             
                          
          
                     
                fileReader.onloadend = function(e) {
                    var attachment = window.btoa(this.result); //Base 64 encode the file before sending it
                    positionIndex = 0;
                    fileSize = attachment.length;
                    console.log(attachment);
               
                    submitFilename(attachment, attachmentName,thisCompID);
                     

                }

                fileReader.onerror = function(e) {
                    alert(
                        "There was an error reading the file.  Please try again."
                    );
                }
                fileReader.onabort = function(e) {
                    alert(
                        "There was an error reading the file.  Please try again."
                    );
                }

                fileReader.readAsBinaryString(file); //Read the body of the file

            } else {
                alert("You must choose a file before trying to upload it");
            }
        }