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组件或任何能让我有这种行为的东西。但我需要代码,或者至少需要更多关于如何实现这一目标的指导。