Cloudinary OpenUpload Widget öffnet nicht in meinem js

Ich versuche, meine Fotos in Cloudinary hochladen. Also, ich habe einen Cloud-Namen und upload_preset auch. Also habe ich das in der Cloud-Website enthaltene Javascript in meine HTML-Datei integriert. Ein Klick auf den Hyperlink öffnet das Widget. Aber es öffnet sich nicht.Cloudinary OpenUpload Widget öffnet nicht in meinem js

Hier finden Sie meine HTML-Datei. Wenn ich irgendwelche Parameter für den unsignierten Upload verpasse, lass es mich wissen.

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

Quelle

2017-07-25 Kathiravan Natarajan

Es sieht gut aus und funktioniert.

<!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 Beispiel - https://jsbin.com/meyuwiyicu/edit?html,output

Vielleicht das Fehlerprotokoll von der Konsole teilen?

Quelle

2017-07-25 13:42:42

Es sieht wie ein Protokoll-relativer URL-Problem aus (https://www.paulirish.com/2010/the-protocol-relative-url/). Es ist schwer zu sagen, warum, aber es ist immer sicher, HTTPS-Assets direkt anzufordern. https://widget.cloudinary.com/global/all.js –

Jetzt für mich arbeiten –

Da es sich um einen nicht signierten Upload handelt, benötigt die Quelle des Skripts das http.

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

muss durch folgende ersetzt werden.

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

Quelle

2017-07-25 19:15:28

Cloudinary OpenUpload Widget öffnet nicht in meinem js

Antwort

Verwandte Themen