代码之家  ›  专栏  ›  技术社区  ›  Shivam Singh deepMerge

如何在使用Cloudinary UI小部件时跳过Cloudinary弹出窗口进行上载

  •  0
  • Shivam Singh deepMerge  · 技术社区  · 6 年前

    enter image description here

    当用户点击一个按钮上传时,我们显示这个小部件。 一旦用户单击“选择文件”按钮,窗口对话框将打开以选择文件。

    1 回复  |  直到 6 年前
        1
  •  1
  •   rcstraus    6 年前

    您可以在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
      }
    );