功能名称:goobox

标签:图像托管，regex, URL，谷歌驱动器，dropbox，高级

return: string, Returns a string URL that can be used directly as the source of an image. when you host an image on google drive or dropbox you can't use the direct URL of your file to be an image source. you need to make changes to this URL to use it directly as an image source. goobox() will take the URL of your image file, and change it to be used directly as an image source. Important: you need to check your files' permissions first, and whether it's public. live example: https://ybmex.csb.app/

cconst goobox = (url)=>{

    let dropbox_regex = /(http(s)*:\/\/)*(www\.)*(dropbox.com)/;
    let drive_regex =/(http(s)*:\/\/)*(www\.)*(drive.google.com\/file\/d\/)/;

    if(url.match(dropbox_regex)){
       return url.replace(/(http(s)*:\/\/)*(www\.)*/, "https://dl.");
    }
    if(url.match(drive_regex)){
        return `https://drive.google.com/uc?id=${url.replace(drive_regex, "").match(/[\w]*\//)[0].replace(/\//,"")}`;
    }
    return console.error('Wrong URL, not a vlid drobox or google drive url');
}

let url = 'https://drive.google.com/file/d/1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV/view' 

goobox(URL); //  https://drive.google.com/uc?id=1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV 

以前的一些用户很接近，但他们在这里或那里遗漏了一个步骤。

这里有一个视频展示了所有的步骤。

当涉及到新的谷歌驱动器时，以下信息是不正确的。对于新谷歌驱动器，请遵循以下说明。 你有两种选择， 选项1，你可以点击右上角的齿轮，恢复到旧的谷歌驱动器，如果你恢复，使用“结束编辑”后的说明) ． 选择二，或者你可以跟着我找到的工作。如果我找到比这更好的方法，我会更新它，但以下是我发现的有效方法。

The full link will look like this "https://googledrive.com/host/(folder id) Part one of your link that you need is "https://googledrive.com/host/" for the second half you will need to navigate to the file you would like to share. Once you are in the folder with the file you would like to share, look at the link above (Example 1 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM ) (Example 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0) In both of these above examples, the "Folder ID" you need for sharing is the last group of letters and numbers after the "/" so in example one, it is "0B3UALYkiLexYSXZlcldoU2NpYXM" in example two it is "0B3UALYkiLexYRkNnOVhsUVozRU0" In the examples I used, example 1 was a folder on my drive, and example 2 was a folder inside that first one, that is why it has the entire first link before the second. We only need the section after the "/" furthest to the right.

现在你有了你的“文件夹ID”，使用上面的公式“https://googledrive.com/host/(folder ID)” 例1 https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM 例2 https://googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0

很好，现在您有了这个链接，在一个新页面中打开它。它将引导您到共享文件夹。一旦在那里，你可以右键单击任何文件，选择“复制链接地址”，或者你可以单击该文件夹中的任何文件，它会带你到托管图像，页面顶部的URL是托管URL。

你就该这么做。这很烦人，就我个人而言，恢复到旧的谷歌驱动器似乎容易得多。

我会尽快制作新的教程视频

如果这对你不起作用，请告诉我你遇到了什么问题。

结束编辑)

https://www.youtube.com/watch?v=QmN22LMPdDk&feature=youtu.be

或者你可以按照下面的书面说明来做。

这些图片和步骤中列出的图片是一致的。

https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM/

Create a Folder on your Google Drive that you would like to use for sharing images. Select that folder and go to the sharing options. Change the "Who has access" options from "Specific People" to "Public on the web" All images placed in folder will have a hosting link on them shown in Step 4 (Images : Change Folder Option.png, Change folder option 2.png, and Change folder option 3.png) place an image in that folder. select the image you would like to share and look at the details section (usually on right hand side) for a section labeled "Hosting" you should find a link that starts with "googledrive.com/host/(random numbers and digits that are the ID for that folder)/(file name)" Use that link to share your images. You can use that link to embed them into other websites. (Images: Change folder option 4.png and Change folder option share.png)

对于图像，在谷歌查看器中打开图像。即。

方法1

https://docs.google.com/file/d/0Bz7qe_olclTwWDNJRDRmb1pJamM/edit

然后查看源>找到单词“texmex-thumb”，旁边会有链接。

根据这篇博文，目前可行的解决方案是:

<img src=”https://drive.google.com/uc?id=[imageIdGoesHere]" />

在这里测试

https://drive.google.com/uc?id=1m-uOoFzHn4oUGlEsDSEfPBbJ2QhBJzlM

经验证，该系统将于2021年4月26日生效。无需共享文件夹，无需登录。但是公共共享文件是。

2022年11月面向工作空间(G套件)用户的工作解决方案

一些嵌入代码不显示img，除非查看者登录到gmail，下面的工作就像你的网络主机上的常规图像:

公开分享项目(确保它说“互联网上任何有此链接的人都可以查看):要么图片本身(或图片所在的文件夹)，然后按以下方式复制链接

获取文件的ID并在这里插入:

<img src="https://lh3.googleusercontent.com/d/[ID_OF_THE_FILE]">

结果(如果你看到下面的狗，这意味着解决方案仍然有效):

Localmachine

不会显示在MAMP/WAMP类型的本地主机环境，但显示在网页上。

然而，这个答案很简单，事实上非常简单，是的，许多人都提到了它，简单地把图像的id放在下面的链接https://drive.google.com/uc?export=view&id={fileId}

但不管这有多简单，我还是编写了一个脚本在控制台中运行。 从谷歌驱动器中输入一个完整的可共享链接数组，并将它们转换为上述链接。然后它们可以简单地用作静态地址。

array = ['https://drive.google.com/open?id=0B8kNn6zsgGEtUE5FaGNtcEthNWc','https://drive.google.com/open?id=0B8kNn6zsgGEtM2traVppYkhsV2s','https://drive.google.com/open?id=0B8kNn6zsgGEtNHgzT2x0MThJUlE'] function separateDriveImageId(arr) { for (n=0;n<arr.length;n++){ str = arr[n] for(i=0;i<str.length;i++){ if( str.charAt(i)== '=' ){ var num = i+1; var extrctdStrng = str.substr(num) } } console.log('https://drive.google.com/uc?export=view&id='+extrctdStrng) window.open('https://drive.google.com/uc?export=view&id='+extrctdStrng,'_blank') } } separateDriveImageId(array)