【问题标题】:Wordpress Gutenberg Media Upload Video GalleryWordpress Gutenberg 媒体上传视频库
【发布时间】:2019-10-26 10:08:19
【问题描述】:

我想要在向<MediaUpload> 组件提供gallery 属性时使用的媒体上传弹出窗口。与普通 Mediaupload 的不同之处在于,您会在左侧看到一个侧边栏,在选择项目后,您会到达一个视图,您可以在其中重新排序媒体,如下面的第一张图片,而不是与我的代码一起出现的第二张图片使用:

<MediaUpload
  onSelect={ this.onSelectMedia }
  /*todo here should be gallery attr but it will disable video selection*/
  allowedTypes={ [ 'image', 'video' ] }
  accept="image/*,video/*"
  multiple
  value={ this.media.map( ( m ) => m.mediaId ) }
  render={ ( { open } ) => (
    <IconButton
      label={ __( 'Edit Media' ) }
      icon="images-alt2"
      onClick={ open }
    />
  ) }
/>

当我添加gallery 属性时,allowedTypes 会被gallery 属性覆盖,并且只有图像会显示在MediaUpload 窗口中。

第一张图片,怎么样

第二张图片,我需要的(但显示图片+视频)

【问题讨论】:

    标签: javascript wordpress reactjs upload wordpress-gutenberg


    【解决方案1】:

    我认为这与MediaUpload 组件本身无关,而是与wordpress 在其内置gallery 中仅允许image 类型的附件的基本逻辑有关。一旦您将道具gallery 添加到组件,媒体模式将默认为画廊编辑框架。也许可以扩展 gallery 类型以允许其他 mime 类型。

    【讨论】:

    • 是的,这就是我所知道和想到的。我愿意模仿确切的逻辑并完全重新实现 MediaUpload 组件或任何能给我这种行为的东西。但我需要代码,或者至少需要更多关于如何实现这一目标的指导。
    猜你喜欢
    • 1970-01-01
    • 2019-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-26
    • 2012-07-25
    相关资源
    最近更新 更多