testMediaUpload.js

( function() {
	var registerBlockType = wp.blocks.registerBlockType;
	var el = wp.element.createElement;
	var MediaPlaceholder = wp.editor.MediaPlaceholder;

	registerBlockType( 'test/media-upload', {
		title: 'Test Media Upload',
		icon: 'cart',
		category: 'common',
		attributes: {
			url: {
				type: 'string',
			},
		},

		edit: function( props ) {
			return el( 'div', { style: { outline: '1px solid gray', padding: 5 } },
				props.attributes.url,
				el( MediaPlaceholder, {
					onSelect: ( media ) => {
						props.setAttributes( { url: media.url } )
					},
					labels: { title: 'Upload an image or a video' },
					type: 'image,video',
					accept: 'image/*,video/*',
				} )
			);
		},

		save: function( props ) {
			return el( 'div', { style: { outline: '1px solid gray', padding: 5 } },
				props.attributes.url
			);
		},
	} );
} )();