How to upload file using python selenium-webdriver when there is no input type but instead it has a button type in HTML?

Question

I'm trying to upload a file to a webpage using Selenium but the HTML type is a button not an Input file.

Below is the HTML Code

Button looks like this

My code

browser.find_element_by_class_name("ng-scope").send_keys('C:\\Users\\Desktop\\test.png')

But after I run the code the file is not uploaded.

Please advise on where i'm going wrong?

Thanks in advance -M

Sers · Accepted Answer · 2020-01-11 18:50:55Z

5

There is a hidden input with type=file. To upload file using Selenium yo have to send keys to input[type=file]:

browser.find_element_by_css_selector(".file-upload-input input[type=file]").send_keys('C:\\Users\\Desktop\\test.png')

Use WebDriverWait to wait element to be present in the DOM:

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# ...

wait = WebDriverWait(driver, 5)

wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, ".file-upload-input input[type=file]"))).send_keys('C:\\Users\\Desktop\\test.png')

answered Jan 11, 2020 at 18:50

Sers

12.3k2 gold badges14 silver badges33 bronze badges

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

2 Comments

Stramzik Over a year ago

That works like a charm thank you Sers:) I didn't understand the wait part. Sorry very new to automation. correct me if i'm wrong. It basically waits until the file is uploaded is that correct?

Sers Over a year ago

No, it's wait until element input[type=file] will appear in the HTML

Collectives™ on Stack Overflow

How to upload file using python selenium-webdriver when there is no input type but instead it has a button type in HTML?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related