Question

我正在尝试上传我的照片。所以，我也有一个云名称和upload_preset。所以我在我的html文件中集成了cloudinary网站中给出的javascript。单击超链接，小部件应该打开。但它没有开放。

请在下面找到我的html文件。如果我错过了未签名上传的任何参数，请告诉我。

<!DOCTYPE html>
<html>
    <head>
        <title>Button</title>
    </head>
    <body>

        <a href="#" id="upload_widget_opener">Upload multiple images</a>

        <script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>  

        <script type="text/javascript">  
          document.getElementById("upload_widget_opener").addEventListener("click", function() {
            cloudinary.openUploadWidget({ cloud_name: 'mycloudname', sources: [ 'local', 'url', 'camera', 'image_search', 
                         'facebook', 'dropbox', 'google_photos' ], upload_preset: 'myuploadpreset'}, 
              function(error, result) { console.log(error, result) });
          }, false);
        </script>
    </body>
</html>

Answer 1

它看起来很好并且正常工作。

<!DOCTYPE html>
<html>
    <head>
        <title>Button</title>
    </head>
    <body>

        <a href="#" id="upload_widget_opener">Upload multiple images</a>

        <script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>  

        <script type="text/javascript">  
          document.getElementById("upload_widget_opener").addEventListener("click", function() {
            cloudinary.openUploadWidget({ cloud_name: 'mycloudname', sources: [ 'local', 'url', 'camera', 'image_search', 
                         'facebook', 'dropbox', 'google_photos' ], upload_preset: 'myuploadpreset'}, 
              function(error, result) { console.log(error, result) });
          }, false);
        </script>
    </body>
</html>

jsbin示例 - https://jsbin.com/meyuwiyicu/edit?html,output

也许从控制台共享错误日志？

Answer 2

由于它是未签名的上传，因此脚本的源需要其中的http。

 src="//widget.cloudinary.com/global/all.js"

必须替换为以下内容。

src="https://widget.cloudinary.com/global/all.js"

Cloudinary OpenUpload小部件未在我的js中打开

2 个答案: