質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

アップロード

アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

ドラッグ&ドロップ

コンピューターのGUIにおいて、バーチャルなものを「つかむ」ことによって選択し、別の場所や他のバーチャルなものの上に動かす行為、またはその行為に対応していることを指す。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

Q&A

0回答

1745閲覧

BUYMA自動出品ツール作成中。画像アップロードの方法について

shimapy

総合スコア2

CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

アップロード

アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

ドラッグ&ドロップ

コンピューターのGUIにおいて、バーチャルなものを「つかむ」ことによって選択し、別の場所や他のバーチャルなものの上に動かす行為、またはその行為に対応していることを指す。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

0グッド

0クリップ

投稿2021/12/20 21:27

前提・実現したいこと

Python3.10とSeleniumを使用して、CSVファイルに入力された商品情報を自動入力をする出品ツールを作っています。
先日質問した画像複数アップロードと少し似た内容なのですが、うまく解決できなかったので再度質問させていただきます。
BUYMA上で商品画像をアップロードする方法について教えていただきたいです。

発生している問題・エラーメッセージ

BUYMAの出品ページの一番最初の項目に商品画像をアップロードするドラッグ&ドロップできる場所があります。ちなみにドラッグ&ドロップの部分をクリックするとFinderの参照のような形で開かれます。
現段階ではその要素に対して直接フォルダのパスをsend_keysで送る、クリックしてからパスを送る、ということを試しているのですが以下のようなエラーメッセージが表示されます

Python

1selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable

該当のソースコード

BUYMA上で商品画像をアップロードするところのHTMLはこのようになっています。

HTML

1<div class="bmm-c-field__input"> 2 <div class="bmm-c-img-upload"> 3 <div class="bmm-c-img-upload__box bmm-c-img-upload__box--empty"> 4 <div class="bmm-c-img-upload__dropzone bmm-c-img-upload__dropzone--cover" aria-disabled="false"> 5 <div class="bmm-c-img-upload__empty"> 6 <span class="bmm-c-img-upload__empty-img"></span>ドラッグ&amp;ドロップで画像を登録できます</div> <div class="bmm-c-img-upload__empty"> 7 <span class="bmm-c-img-upload__empty-img bmm-c-img-upload__empty-img--replace"></span>ドラッグで並び順を変更できます</div> 8 <input accept="image/jpeg,image/gif,image/png" type="file" multiple="" autocomplete="off" style="display: none;"> 9</div></div></div></div>

この要素に対してフォルダに入っている複数フォルダをアップロードしたいというのが主題です。

試したこと

先日質問した際にいただいた解答として私が理解したのは

Python

1photo = driver.find_element(By.CSS_SELECTOR, '.bmm-c-img-upload__dropzone.bmm-c-img-upload__dropzone--cover') 2path = l[m][1] #csvファイルにフォルダのパスが記載されています。 3photo_files = glob.glob(path + '/*.jpg') 4photo.send_keys("".join(photo_files))

このようにすると、一つのフォルダに入った複数のファイルを一括でアップロードできるということです。
こちらを試したのですが、上手くいかず、試しに画像ファイル(一つ)までのパスに変更して実行したのですが、そちらも上手くいきませんでした。

補足情報(FW/ツールのバージョンなど)

開発環境はMacBook Pro M1、IDLEにて開発しています。
少しでもドラッグ&ドロップへ画像をアップロードする方法や複数画像ファイルを一括アップロードする方法を知っている方がいらっしゃいましたら教えていただけますと大変助かります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問