Uploading WAV files fail in Gutenberg editor on Firefox browser when drag-dropped

[imranh920]

When uploading WAV audio files by drag-dropping, it fails in Firefox, but works as without issue on Chrome and other browsers. This issue doesn't happen for other media or audio formats.

[imranh920]

Example wav file ​https://tinyurl.com/24tkan96

Farther details can be found here ​https://github.com/Automattic/wp-calypso/issues/93778 .

When we upload the wav file ​here, Chrome and all other browsers identify the mimetype of the file to be audio/wav, but Firefox, identifies the mimetype as audio/x-wav.

WordPress core has a default (extensible) set of mime-type that it allows uploading. You can find them here ​https://github.com/WordPress/wordpress-develop/blob/3b1e57752d5dd737477873b6797e3f8209aec078/src/wp-includes/functions.php#L3392-L3513 . You’ll notice that there is the audio/wav mime-type there, but not audio/x-wav.
So when Gutenberg tries to check the mimetype of the file in Firefox here ​https://github.com/WordPress/gutenberg/blob/5773ae60ca33bda03f2a35e6707d961b8db3af18/packages/media-utils/src/utils/upload-media.js#L91-L118, it sees that the mime-type (audio/x-wav) isn’t one of the allowed ones.
So it throws an error.

Here we are including the x-wav mime type.

Before applying this patch -

• Use Firefox browser
• Open a page or a post in Gutenberg editor.
• Try to drag and drop this WAV file in the editor ​https://tinyurl.com/24tkan96
• You should see an error like below

After applying this patch -

• Try to do the same drag-and-drop operation as before
• You should not see an error this time
• Also try the same in Chrome and other browsers, make sure no error is thrown
• Try uploading this file in Media Uploader and make sure no error is thrown
• Try with other wav files and media files too

Trac ticket: https://core.trac.wordpress.org/ticket/61948

[imranh920]

Created a small PR here ​https://github.com/WordPress/wordpress-develop/pull/7265

[miguelsansegundo]

Nice find!
I tested this small change and fixes the issue.