Upload image python selenium javascript

Question

i need your help to upload image with selenium python I have a form

                            <div class="none upload_no_autosubmit" id="upload_image_base_pack">
                            <div class="labelform inputfile">Choose</div>
                            <div class="lbcinputfile">
                            <input type="file" name="image0" id="image0" class="input_file">
                            </div> 
                            <div class="clear"></div>
                            <div class="lbcinputfile_submit">
                            <input type="submit" class="button-upload" value="add" onclick="return disabled_onsubmit_photosupCheck('#image0', 'upload_image_base_pack');">
                            </div>
                            <div class="clear"></div>
                            </div>
                            <div class="message info right no_autosubmit" id="message_upload_image_base_pack">

I use selenium with python and i want upload image file with this

driver.execute_script("return disabled_onsubmit_photosupCheck('c:/1bo.jpg', 'upload_image_base_pack')")

pls help tks

don't work

driver.execute_script("document.querySelector('#image0').setAttribute('value', 'c:/1bo.jpg', 'upload_image_base_pack')")
input_element = driver.find_element_by_css_selector("input[name='image0']")
input_element.send_keys("c:/1bo.jpg")
driver.find_element_by_css_selector("input[type='submit']").click()

Why don't you just use .sendKeys against the file upload control? — Arran
– Arran, Commented Oct 5, 2013 at 11:19

aychedee · Accepted Answer · 2013-10-06 15:42:28Z

1

Use the webdriver methods to find the correct input element, enter the file name, and click the submit button. Like this:

input_element = driver.find_element_by_css_selector("input[name='image0']")
input_element.send_keys("c:/1bo.jpg")
driver.find_element_by_css_selector("input[type='submit']").click()

However: Because that site uses the file chooser and you can't interact with that dialog via Selenium (as far as I know) you will have to set the value of the input with javascript. So something like this should work:

driver.execute_script('document.querySelector("#image0").setAttribute("value", "c:/1bo.jpg")')
driver.find_element_by_css_selector("input[type='submit']").click()

edited Oct 6, 2013 at 15:42

answered Oct 5, 2013 at 11:38

aychedee

25.7k8 gold badges82 silver badges83 bronze badges

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

5 Comments

user2849267 Over a year ago

Hi,I try but don't work do you have email ? to send you the link of website

aychedee Over a year ago

Umm yes of course. But no. sorry I'm not your programming tutor. Edit your question to contain the information about what you have tried, and how it is failing.

user2849267 Over a year ago

Tks for your help . i try with your code but python tell me no element document .i don't understand document.querySelector ? tks

aychedee Over a year ago

The last line is javascript. You'll need to run that via driver.execute_script

aychedee Over a year ago

Actually I had an error in my javascript. There was a third argument that got in there due to a copy paste error. setAttribute should only have two arguments.

Norbert.S · Accepted Answer · 2014-05-12 17:34:20Z

1

Try something like:

def test_TC1(self):
        driver = self.driver
        driver.find_element_by_xpath("//div/form/table/tbody/tr[2]/td[2]/input").clear()
        driver.find_element_by_xpath("//div/form/table/tbody/tr[2]/td[2]/input").send_keys("C:\\FILE.xml")

From my experience you don't need click, but only send_keys.

answered May 12, 2014 at 17:34

Norbert.S

211 bronze badge

Collectives™ on Stack Overflow

Upload image python selenium javascript

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related