Javascript Cloudinary OpenUpload小部件未在my js中打开

Javascript Cloudinary OpenUpload小部件未在my js中打开,javascript,html,cloudinary,Javascript,Html,Cloudinary,我正在尝试用cloudinary上传我的照片。所以,我有一个云的名称和上传预设太多。因此,我将cloudinary网站中提供的javascript集成到html文件中。单击超链接后,小部件将打开。但它并没有开放 请在下面找到我的html文件。如果我错过了未签名上传的任何参数,请告诉我 <!DOCTYPE html> <html> <head> <title>Button</title> </head

我正在尝试用cloudinary上传我的照片。所以,我有一个云的名称和上传预设太多。因此,我将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>

按钮
document.getElementById(“上传”窗口小部件“开启器”).addEventListener(“单击”,函数(){
openUploadWidget({cloud\u name:'mycloudname',来源:['local','url','camera','image\u search',
“facebook”、“dropbox”、“google_photos”]、upload_preset:“myuploadpreset”},
函数(错误,结果){console.log(错误,结果)});
},假);

它看起来很好,工作正常

<!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>

按钮
document.getElementById(“上传”窗口小部件“开启器”).addEventListener(“单击”,函数(){
openUploadWidget({cloud\u name:'mycloudname',来源:['local','url','camera','image\u search',
“facebook”、“dropbox”、“google_photos”]、upload_preset:“myuploadpreset”},
函数(错误,结果){console.log(错误,结果)});
},假);
jsbin示例-


也许可以从控制台共享错误日志?

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

<!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>

按钮
document.getElementById(“上传”窗口小部件“开启器”).addEventListener(“单击”,函数(){
openUploadWidget({cloud\u name:'mycloudname',来源:['local','url','camera','image\u search',
“facebook”、“dropbox”、“google_photos”]、upload_preset:“myuploadpreset”},
函数(错误,结果){console.log(错误,结果)});
},假);
jsbin示例-


也许可以从控制台共享错误日志?

因为它是未签名的上载,所以脚本的源代码需要包含http

 src="//widget.cloudinary.com/global/all.js"
必须替换为以下内容

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

因为它是一个未签名的上传,所以脚本的源代码中需要http

 src="//widget.cloudinary.com/global/all.js"
必须替换为以下内容

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

这看起来像是一个与协议相关的URL问题()。很难说为什么,但直接请求HTTPS资产总是安全的。现在为meIt工作看起来像是一个协议相关的URL问题()。很难说为什么,但直接请求HTTPS资产总是安全的。现在为我工作