Unable to upload image/file in python using selenium webdriver

Question

I'm unable to upload and save an image.

The following is the piece of code that facilitates file upload using the UI. At first, only the upload button is visible and once an image is selected from the uploader the save button is visible.

 <td colspan="1" class="actions">
                <input type="button" class="button" name="logo" id="logo-f-upload" value="Upload Image"/>
                <input type="file" id="logo-upload" accept="image/*" name="logo-upload" style="display:none" />
                <input type="submit" value="click to save" name="submit_logo_now" class="main submit_dm logo-save-focused" style="display: none"/>
                </br>
</td>

I tried driver.find_element_by_id("logo-f-upload").send_keys(os.getcwd()+"/image_test.png")

and also

driver.find_element_by_id("logo-upload").send_keys(os.getcwd()+"/image_test.png")

but it doesn't throw any error at this stage but on the next where it says "element is not visible ..." ie. the save button. On the UI, when simulating this, the file uploader doesn't open but the file_upload button value changes to the path of the image and then breaks.

I'm using Linux and the input type is not MULTI so I don't think that may be the solution. — L P
– L P, Commented May 25, 2014 at 10:54
So the problem is that 'logo-upload' is not visible on the screen while logo-f-upload is, although logo-upload is the input of type = file. Any idea what I can do now? — L P
– L P, Commented May 26, 2014 at 13:14
What does dir(driver.find_element_by_id("logo-upload")) say? Maybe there's something special about input tags. — dilbert
– dilbert, Commented May 26, 2014 at 13:17

L P · Accepted Answer · 2014-05-26 14:32:06Z

1

I believe this is the answer which is merely a JS hack: So the problem is that the logo-upload input has style set to display:none and due to this, selenium can't find the element. The solution that works for me is using javascript to set the style to display:block, after which using send_keys(img_path) works fine.

dr.execute_script("document.getElementById('logo-upload').setAttribute('Style','display:block')")

answered May 26, 2014 at 14:32

L P

1,8466 gold badges30 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

Unable to upload image/file in python using selenium webdriver

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related