JezK

Edit File: file-input.js

( function ( $, rwmb ) { 'use strict'; var frame; function openSelectPopup( e ) { e.preventDefault(); var $el = $( this ); // Create a frame only if needed if ( ! frame ) { frame = wp.media( { className: 'media-frame rwmb-file-frame', multiple: false, title: rwmbFileInput.frameTitle } ); } // Open media uploader frame.open(); // Remove all attached 'select' event frame.off( 'select' ); // Handle selection frame.on( 'select', function () { var url = frame.state().get( 'selection' ).first().toJSON().url; $el.siblings( 'input' ).val( url ).trigger( 'change' ).siblings( 'a' ).removeClass( 'hidden' ); } ); } function changeValueInput( e ) { e.preventDefault(); var $el = $( this ), url = $el.val(), fileType = url.split( '.' ).pop().toLowerCase(), imageTypes = [ 'gif', 'jpeg', 'png', 'jpg' ], validImageTypes = imageTypes.includes( fileType ); if ( validImageTypes ) { $el.closest( '.rwmb-file-input-inner' ).siblings( '.rwmb-file-input-image' ).removeClass( 'rwmb-file-input-hidden' ).find( 'img' ).attr( 'src', url ); } else { $el.closest( '.rwmb-file-input-inner' ).siblings( '.rwmb-file-input-image' ).addClass( 'rwmb-file-input-hidden' ); } } function clearSelection( e ) { e.preventDefault(); $( this ).addClass( 'hidden' ).siblings( 'input' ).val( '' ).trigger( 'change' ); $( this ).closest( '.rwmb-file-input-inner' ).siblings( '.rwmb-file-input-image' ).addClass( 'rwmb-file-input-hidden' ); } function hideRemoveButtonWhenCloning() { $( this ).siblings( '.rwmb-file-input-remove' ).addClass( 'hidden' ); } rwmb.$document .on( 'click', '.rwmb-file-input-select', openSelectPopup ) .on( 'input change', '.rwmb-file_input', changeValueInput ) .on( 'click', '.rwmb-file-input-remove', clearSelection ) .on( 'clone', '.rwmb-file_input', hideRemoveButtonWhenCloning ); } )( jQuery, rwmb );