How To Upload Multiple Files In Selenium WebDriver

We come across many scenarios where we need to upload a file or files if it supports multiple upload. We already learnt to upload a file using Selenium WebDriver for Java binding.

If A file upload web element is created using “input” tag with type as “file”. An input tag is used to accept some value or user action. This input tag makes it very simple to upload a file through selenium webdriver. You just need to use sendKeys() method of selenium webdriver and send path of file as argument. You can refer complete article on Uploading a file in Selenium WebDriver here.

Let’s complicate it little bit. Uploading a file is easy but what if we need to upload multiple files?

There are two solutions of it :-

Use multiple sendKeys() commands for each file
Concatenate path of all files which you want to upload using “\n“.

I have kept sample images in to a sub folder “images” under resource folder. To get path of those files I am using an abstract class ClassLoader.

package SpecialConcepts;

import java.io.File;
import java.net.URL;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.Test;

import io.github.bonigarcia.wdm.WebDriverManager;

public class UploadMultipleFiles {
        
        // This method helps you to fetch path of any file from resource folder
        private File getFileFromResources(String fileName) {
        ClassLoader classLoader = getClass().getClassLoader();
        URL resource = classLoader.getResource(fileName);
        if (resource == null) {
            throw new IllegalArgumentException("file is not found!");
        } else {
            return new File(resource.getFile());
        }
    }

        @Test
        public void MultipleFileuploadInChromeUsingNewLineChar() {

                WebDriverManager.chromedriver().setup();
                WebDriver driver = new ChromeDriver();
                driver.get("https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple");
                String filesPathSeperaedWithNewLineChar = getFileFromResources("images/amazon-fire-tv-stick-4k-4-3h9r-3h9r.jpg").getAbsolutePath()+"\n"+getFileFromResources("images/maxresdefault.jpg");
                driver.switchTo().frame("iframeResult").findElement(By.id("files")).sendKeys(filesPathSeperaedWithNewLineChar);
                driver.close();
        }
        
        @Test
        public void MultipleFileuploadInFirefoxNewLineChar() {

                WebDriverManager.firefoxdriver().setup();
                WebDriver driver = new FirefoxDriver();
                driver.get("https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple");
                String filesPathSeperaedWithNewLineChar = getFileFromResources("images/amazon-fire-tv-stick-4k-4-3h9r-3h9r.jpg").getAbsolutePath()+"\n"+getFileFromResources("images/maxresdefault.jpg");
                driver.switchTo().frame("iframeResult").findElement(By.id("files")).sendKeys(filesPathSeperaedWithNewLineChar);
                driver.close();
        }
        
        @Test
        public void MultipleFileuploadInChromeUsingMultipleSendKeysMethod() {

                WebDriverManager.chromedriver().setup();
                WebDriver driver = new ChromeDriver();
                driver.get("https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple");
                String file1 = getFileFromResources("images/amazon-fire-tv-stick-4k-4-3h9r-3h9r.jpg").getAbsolutePath();
                String file2 = getFileFromResources("images/maxresdefault.jpg").getAbsolutePath();
                driver.switchTo().frame("iframeResult").findElement(By.id("files")).sendKeys(file1);
                driver.findElement(By.id("files")).sendKeys(file2);
                driver.close();
        }
        
        @Test
        public void MultipleFileuploadInFirefoxUsingMultipleSendKeysMethod() throws InterruptedException {

                WebDriverManager.firefoxdriver().setup();
                WebDriver driver = new FirefoxDriver();
                driver.get("https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple");
                String file1 = getFileFromResources("images/amazon-fire-tv-stick-4k-4-3h9r-3h9r.jpg").getAbsolutePath();
                String file2 = getFileFromResources("images/maxresdefault.jpg").getAbsolutePath();
                driver.switchTo().frame("iframeResult").findElement(By.id("files")).sendKeys(file1);
                driver.findElement(By.id("files")).sendKeys(file2);
                driver.close();
        }

}

You can download/clone above sample project from here.

If you have any doubt, feel free to comment below.If you like my posts, please like, comment, share and subscribe.#ThanksForReading

#HappyLearning

Related Posts