如何使用Cloudinary UI小部件跳过上载的Cloudinary弹出窗口

时间:2018-09-27 09:06:41

标签: cloudinary

enter image description here

我们正在使用Cloudinary UI小部件。

当用户单击按钮进行上传时,我们将显示此小部件。 一次,用户单击“选择文件”按钮,将打开用于选择文件的窗口对话框。

但是,有什么方法可以绕过此弹出窗口,并直接通过任何Cloudinary上传UI参数使用户以编程方式单击选择文件按钮。

1 个答案:

答案 0 :(得分:1)

您可以在div中加载小部件。例如-

<h2>Make sure to update cloud_name and upload_preset.</h2>
<div id="inline_container"></div>
<div id="thumbnails"></div>

cloudinary.openUploadWidget( 
  {     
   cloud_name: 'cloud_name', 
   upload_preset: 'upload_preset', 
   cropping: 'server',
   multiple: false,
   max_files: 1,
   thumbnails: '#thumbnails',
   inline_container: "#inline_container",
   keep_widget_open: false,
   cropping_show_dimensions: true,
   sources: ['local']
  },
  function(error, result) { 
    console.log(error, result);
    if (result != null)
        $('#inline_container').html(""); // Will remove the widget after successful upload
  }
);