poc-image-size-constraint.js

wp.Uploader.queue.on('change', function(image) {
    // This event runs whenever the upload percentage changes, so
    // we need to check if the image ID has been assigned yet (which
    // indicates that the upload has completed).
    if (typeof image.attributes.id === 'undefined') {
        return
    }

    // Check for the minimum width and height.
    // In a _real_ implementation, these values, and the associated
    // error messages, should be implemented via a wp_localize_script
    // call to ensure future flexibility.
    if (image.attributes.width > 1244 && image.attributes.height > 1244) {
        return
    }

    const message = 'This image is the wrong size. Would you like to continue uploading anyway?'

    // If the user says to continue uploading, stop now. Otherwise, delete the image.
    if (window.confirm(message)) {
        return
    }

    // Delete the newly-uploaded image.
    wp.apiRequest({
        path: `wp/v2/media/${image.attributes.id}?force=true`,
        method: 'DELETE',
    })

    // Refresh the modal.
    wp.media.frame.content.get().collection.props.set({ignore: (+ new Date())})
    wp.media.frame.content.get().options.selection.reset()
    
    return
})