Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Wordpress古腾堡媒体上传视频库_Javascript_Wordpress_Reactjs_Upload_Wordpress Gutenberg - Fatal编程技术网

Javascript Wordpress古腾堡媒体上传视频库

Javascript Wordpress古腾堡媒体上传视频库,javascript,wordpress,reactjs,upload,wordpress-gutenberg,Javascript,Wordpress,Reactjs,Upload,Wordpress Gutenberg,我希望在为组件提供库属性时使用的媒体上载弹出窗口准确无误。与普通Mediaupload不同的是,您会在左侧看到一个侧栏,在选择项目后,您会看到一个视图,在该视图中,您可以像下面的第一个图像一样对媒体进行重新排序,而不像我使用的代码中出现的第二个图像: <MediaUpload onSelect={ this.onSelectMedia } /*todo here should be gallery attr but it will disable video selection*/

我希望在为
组件提供
库属性时使用的媒体上载弹出窗口准确无误。与普通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 }
    />
  ) }
/>
m.mediaId)}
render={({open})=>(
) }
/>
当我添加gallery属性时,allowedTypes会被gallery属性覆盖,只有图像会显示在MediaUpload窗口中

第一张图片,它是怎样的

第二张图片,我需要的(但有图片+视频显示)
我认为这与
MediaUpload
组件本身无关,而是与wordpress在其内置
图库中只允许
图像类型的附件的基本逻辑有关。将道具
多媒体资料
添加到组件后,媒体模式将默认为多媒体资料编辑框。也许可以扩展
类型,以允许其他mime类型。

是的,这就是我所知道和想到的。我愿意模仿确切的逻辑,完全重新实现MediaUpload组件或任何能让我有这种行为的东西。但我需要代码,或者至少需要更多关于如何实现这一目标的指导。