云secure_url形成

Question

我在从cloudinary定义secure_url时遇到了一些问题。

我成功地设置了一个工作的cloudinary小部件来上传图像。一切正常，我还看到secure_url在控制台日志中打印结果。

我想将secure_log的值存储到一个隐藏的输入字段中。你们谁都知道，我怎么能把这个存储在输入字段中呢？

提前谢谢你

下面是我使用的代码：

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

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

        <script type="text/javascript">  
          document.getElementById("upload_widget_opener").addEventListener("click", function() {
            cloudinary.openUploadWidget({ cloud_name: 'company_name', sources: [ 'local', 'url', 'camera', ], upload_preset: 'my-preset'}, 
              function(error, result) { console.log(error, result) });
          }, false);
        </script>

 <input name="secure_url" id='secure_url'  maxlength="20" size="20" type="hidden" >

Answer 1

您的代码中有两件事需要更改：

在您提供给Widget的回调函数中，您可能希望检查特定事件，在本例中，“成功”表示成功上载。然后，在成功上传时，

1. 将获得对隐藏输入字段的引用，并更改值。

例如,

function(error, result) {
    if (!error && result && result.event === "success") {
        document.getElementById("secure_url").value = result.info.secure_url; 
    }
}

下面是一个具有上述回调函数的工作JSFiddle。只需设置cloud_name和upload_preset即可。https://jsfiddle.net/9407axhy/

编辑：

根据您正在加载的源代码，我可以看到您使用的是上载Widget的版本1。这个版本已经被废弃，支持将被撤回，所以我建议实现当前的Widget版本。我共享的示例代码实现了最新的Widget版本。您可以在这里找到当前版本的完整文档：https://cloudinary.com/documentation/upload_widget