首页 > 解决方案 > 使用javascript从谷歌驱动器文件夹中获取图片到我的网站

问题描述

我希望能够从谷歌驱动器上的文件夹中拍照并在我的网站上运行它。

我有一个 java 脚本滑块,但我不知道如何从谷歌驱动器中获取图片,直到现在我从本地文件夹中获取它。

这是java脚本:

<img class="mySlides myImg"  src="Images/Image_01.jpeg" alt="Pasta, Tasty" width="620" height="340">

 <!-- Slider Image Script -->
                 <script>
                 var slideIndex = 1;
                 showDivs(slideIndex);

                 function plusDivs(n) {
                 showDivs(slideIndex += n);
                 }

                 function currentDiv(n) {
                 showDivs(slideIndex = n);
                 }

                 function showDivs(n) {
                 var i;
                 var x = document.getElementsByClassName("mySlides");
                 var dots = document.getElementsByClassName("demo");
                 if (n > x.length) {slideIndex = 1}    
                 if (n < 1) {slideIndex = x.length}
                 for (i = 0; i < x.length; i++) {
                     x[i].style.display = "none";  
                  }
                 for (i = 0; i < dots.length; i++) {
                 dots[i].className = dots[i].className.replace(" w3-white", "");
                 }
                 x[slideIndex-1].style.display = "block";  
                 dots[slideIndex-1].className += " w3-white";
                 }
                 </script>

标签: javascriptgoogle-drive-api

解决方案


从 Google Drive 托管资源早已停止,但对于图像,您可以尝试使用Files: get来获取webContentLink,然后您可以将其显示在您的 img src 中,例如:

< img src="https://drive.google.com/uc?id=FILE_ID_HERE&export=download" >

推荐阅读