多云 secure_url 形成

Question

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

我设法设置了一个可用的云小部件来上传图像。一切正常，我还看到 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 的回调函数中，您需要检查特定事件，在本例中，"success" 表示上传成功。
然后在成功上传后获取对隐藏输入字段的引用并更改值。

例如，

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/

编辑：

根据您正在加载的源代码，我可以看出您使用的是上传小部件的版本 1。此版本已被弃用，将撤回对它的支持，因此我建议实施当前的 Widget 版本。我分享的示例代码实现了最新的 Widget 版本。您可以在此处找到当前版本的完整文档：https://cloudinary.com/documentation/upload_widget

多云 secure_url 形成

Cloudinary secure_url to form

html

forms

jquery

cloudinary