Upload a PDF, ask a question, get an answer—Gemini File API multimodal magic
P
Prompt
Build a single HTML page that demonstrates the Gemini File API multimodal capability: a user can upload a PDF (or image) file, then type a question about the content, and the page sends the file + question to the Gemini API and displays the answer. Use a clean, modern UI with a drag-and-drop zone and a text input. Show a loading spinner during API call. Keep API key handling simple (user can paste their key or use a placeholder). Use vanilla JS, no frameworks. Include CDN for highlight.js or similar if needed. Output must be a single valid HTML file with embedded CSS and JS.
CODE PREVIEW
エディタを読み込み中…
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このページでは、Gemini File API を使ってマルチモーダルな質問応答を行う方法を紹介します。PDFや画像をアップロードし、その内容に関する質問をすると、AIがファイルに基づいて回答を生成します。
Prompt Overview
This page demonstrates how to use the Gemini File API to perform multimodal question answering. Upload a PDF or image, ask a question about its contents, and the AI will generate an answer based on the file.
Was this prompt helpful?
Comments
Comments appear after moderation
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選