How one can add a picture selenium webdriver with javascript?

When you’re working in a testing firm on the automation half then add file situation is the most typical drawback. There are 03 methods to automate the identical.

1. Utilizing selenium
2. Utilizing AutoIT
3. Utilizing Robotic class

Utilizing Selenium: We are able to merely add it utilizing selenium if the HTML accommodates attribute enter[@type=”file”]. if this factor shouldn’t be current within the HTML a part of the appliance then it will not be potential utilizing selenium then we have to look into one other different. Whether it is current then we are able to use beneath syntax for a similar.

WebElement upload_file = driver.findElement(By.xpath("//enter[@id='file_upload']"));
upload_file.sendKeys("C:/Customers/abc/Desktop/add.jpg");

Utilizing AutoIT:
Open the AutoIT editor.
We have to write a easy code in AutoIT editor, required for file add operation (the identify of the file to be uploaded, might be talked about within the code).
Now shut the editor and proper click on on it, you will notice compile script choice.
Select compile script (x64) choice for 64 bit machine and go together with compile script (x86) for a 32-bit machine.
As quickly because the above step is accomplished, a .exe file is created and this file might be talked about in our selenium eclipse code.
After compilation‘fileupload.exe’ file will get created.
Now we are able to make use of this file within the Selenium net driver script.

WebElement browser = d.findElement(By.xpath("//enter[@id='pimCsvImport_csvFile']"));   //Browse button
browser.click on();                                
Runtime.getRuntime().exec("C:CustomersChaitDesktopautoitfileupload.exe");
  Thread.sleep(3000);
 
WebElement add = d.findElement(By.id("btnSave"));     //Uploadbutton
add.click on();     
System.out.println("File Uploaded Efficiently");   // Affirmation message

When this system executes this line, it goes via the fileupload.exe file the place the AutoIT code is executed as proven beneath:
ControlFocus(“File Add”,””,”Edit1″)
ControlSetText(“File Add”,””,”Edit1″,”C:UsersChaitDesktopautoitdata_file.csv”)
ControlClick(“File Add”,””,”Button1″)

Robotic Class
Its already coated above utilizing the identical we are able to add.