You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何嵌入Google Drive图片且去除灰色边框与缩放工具?

Solution to Display Google Drive Images Without Borders/Zoom Tools in Google Apps Script Web App

Got it, let's fix this for you—no credit card or domain needed, and you don't have to move your images out of Drive. Here's exactly what to do:

First, make sure your image is shareable correctly:

  • Right-click your image in Google Drive → Share
  • Set the sharing permission to "Anyone with the link can view" (this is crucial so the web app can load it)
  • Copy the sharing link, which will look like this:
    https://drive.google.com/file/d/abc123XYZ/view?usp=sharing
  • Modify this link to get the direct image file URL: replace everything after the file ID with uc?export=view&id=, so it becomes:
    https://drive.google.com/uc?export=view&id=abc123XYZ
    (where abc123XYZ is your actual file ID from the original link)

Step 2: Embed the Image in Your Apps Script Web Page

Instead of using Google Drive's embed code (which adds those annoying borders and zoom tools), use a standard <img> tag in your HTML file. Here's a full example:

<!DOCTYPE html>
<html>
  <head>
    <title>Clean Image Display</title>
  </head>
  <body>
    <!-- Replace the src value with your modified direct image URL -->
    <img 
      src="https://drive.google.com/uc?export=view&id=abc123XYZ" 
      style="border: none; max-width: 100%;" 
      alt="Your Image Description"
    >
  </body>
</html>
  • The border: none style ensures no gray border shows up
  • max-width: 100% makes the image responsive (adjust or remove this if you want a fixed size)

Why This Works

Drive's default embed code uses Google's built-in file viewer, which includes the border and zoom controls by default. By using the direct export URL, you're loading the raw image file directly into the <img> tag—no extra viewer UI, just the clean image you want. Best of all, this doesn't require any paid services, domain purchases, or moving your images out of Drive.

内容的提问来源于stack exchange,提问作者LlamaButt

火山引擎 最新活动