質問: ### 前提・実現したいこと はじめて質問させていただきます。 現在表示中のページ内の画像に対して、手間なくGoogle類似画像検索を行うためのブックマークレットを作っております。 『ページ内の画像に対して、クリックすると当該画像に基づく検索ページに飛ぶこと』を目標としています。 現状、**httpスキーム**を用いた通常の画像()に関しては、 "*https://www.google.co.jp/searchbyimage?hl=ja&lr=lang_ja&safe=off&image_url={url}*" へリクエストすることで検索ページに飛ぶことができ、意図したとおりに動作するところまでコードが書けております。 一方で、表題にある通り**DataURIスキーム**を用いた画像()に関しては、上記にあてはめるだけではうまくいきません。 以下のように試行錯誤をしてみましたが、うまくいかないのでアドバイスをお願いします。 ### 試したこと Google側が、**DataURIスキーム**を用いた画像の受け入れに対応していることは、以下の試行により確認しております。 1. Google画像検索のトップページのフォームより、DataURIスキームを用いた画像のURIを直接入力し送信すること。 2. 形式を用いて表示されているWEBページ上の画像を同じく当該フォームへD&Dすること。 また、GoogleのHTMLソースを参考にして、以下のフォームにてローカルファイルを元にした検索が行えることは確認しました。 ``` ``` ### 発生している問題・エラーメッセージ まずは上記の手作りフォームを介した動作をJavaScriptを用いて実現し、そこから**DataURIスキーム**へと発展させていこうと試行錯誤していますが、うまく動いてくれません。 そもそもがAjax関連の知識が十分でないのが原因の一つでもあります。 > > エラーの原因は、「CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない」とのことです > > > ``` ``` まだ勉強中なのですが、最終的に**DataURI**から**Blob**へ変換し、 ``` formData.append('encoded_image', /* Blob */); ``` のような形で実現できるのでは?と愚考しています。 つたない説明ですが、よろしくお願いします。
回答: 自分のサーバー経由で問い合わせればよいのではないでしょうか?