seleniumを使ってワードプレスに画像を自動アップロード

Question

seleniumを使ってワードプレスに画像を自動アップロードしたいです。
下記のサイトで試行錯誤してたのですがなかなかうまくいきません。
selenium+pythonでファイルをアップロードするダイアログ操作

<button type="button" class="browser button button-hero" style="display: inline-block; position: relative; z-index: 1;" id="__wp-uploader-id-1">ファイルを選択</button>

image = 'iCloud Drive⁩/⁨Desktop/⁨New_python⁩/logo.png'
driver.find_element_by_id("__wp-uploader-id-1").send_keys(image)

エラーの内容が

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"[id="__wp-uploader-id-1"]"}
  (Session info: headless chrome=78.0.3899.0)

「そんなelementないよ」エラーだと思っているのですが、あるのにないと言われたのでどうすればいいのかわかりません。
pythonコードのidのところをcss_selectorやxpathに変更しても同様のエラーが出ました。
どこが間違っているのでしょうか。よろしくお願いします。

Answer 1

WordPressのAPI使えば画像のアップロードもできるのでそんな意味不明なことする必要はない。

Comments

[Mario_11]

必要なかったですか、、、ありがとうごいます！

Answer 2

まず、画像アップロード画面を開くボタンをクリックしたら、以下のコードを打ってください。

print(driver.page_source)

これでDOMが出力されますが、この出力の中に
件のボタンタグがなかったら、
以下を試してください。

driver.switch_to.frame(driver.find_elements_by_class_name('XXXXXXXX')[-1])
driver.find_element_by_id("__wp-uploader-id-1").send_keys(image)

XXXXXXXXには以下をそれぞれ代入して実行してみてください。

• media-modal-content
• media-modal
• media-frame

---

ご提示いただいているURLの先にもありますが、
本来send_keysで画像を送る際は、
inputタグに向かって行います。

このDOMにはそもそもinputタグがありません。
ただ出ているエラーがそもそもelementが見つからないエラーなので、
frameタグも無いですが、frame化されているのかもと思い上記のコマンドを書いてみました。

これでもうまくいかないならおそらくseleniumで
このDOMに画像を入れ込むのは不可能です。
他の方のご回答にある通りAPIを使用するしかないかと思われます。

Comments

[su_da221]

私もwordpressでは無いですが同じような件で詰まってます。
解決してたら何が原因か教えて頂けませんか？

Answer 3

すでに回答があるように API を使うのが簡単だと思いますが...

---

「そんなelementないよ」エラーだと思っているのですが、あるのにないと言われたのでどうすればいいのかわかりません。

あるということは、どのような方法で確認したのでしょうか？

まずは、

driver.find_element_by_id("__wp-uploader-id-1").send_keys(image)

の前に

print(driver.page_source)

等を追加して、Selenium が取得した実際の HTML が正しいのかを確認してみてください。

Comments

[Mario_11]

ありがとうございます！！