功能名称: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 

从谷歌驱动器帮助页面:

To host a webpage with Drive: Open Drive at drive.google.com and select a file. Click the Share button at the top of the page. Click Advanced in the bottom right corner of the sharing box. Click Change.... Choose On - Public on the web and click Save. Before closing the sharing box, copy the document ID from the URL in the field below "Link to share". The document ID is a string of uppercase and lowercase letters and numbers between slashes in the URL. Share the URL that looks like "www.googledrive.com/host/[doc id] where [doc id] is replaced by the document ID you copied in step 6. Anyone can now view your webpage.

编辑:截至2020年，这是有效的。以前的大多数答案都过时了。

简单的解决方案

你所要做的就是打开你的文件:

然后，进入你的网页检查器(Chrome, Cmd-Shift-I或Ctrl-Shift-I取决于你的操作系统)，并获得链接。将该链接粘贴到浏览器中，它将重定向到另一个链接。复制新的URL。完成了!

重定向的目的是什么?

似乎如果你使用第一个链接，它只能在登录到你的谷歌帐户时才能访问。对其他人没有多大帮助。然而，第二个重定向链接不需要您登录。这就是它背后的基本原理。

我删除了图像中显示的原始文件，但这里有另一个工作示例。

实际上，我已经检查了大约一周前在我的编辑中发布的示例链接，但它似乎不再工作了。看起来这些链接只是临时工作，所以不要在任何生产环境中使用它们。

在谷歌驱动器API中有一个文件类型选项。你可以检查它是否被解析成一个有效的图像。我会看一个选项，如果文件类型给我一个无效的图像，然后为文件获取一个新的直接URL。我还没有弄清楚如何做到这一点，但也许这是一个尝试的途径。

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

方法1

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

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

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

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

当涉及到新的谷歌驱动器时，以下信息是不正确的。对于新谷歌驱动器，请遵循以下说明。 你有两种选择， 选项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)