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

Question

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

请在下面找到我的 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 中打开

Cloudinary OpenUpload widget is not opening in my js

html

javascript

cloudinary