URLs in og:image meta tag is not encoded

[kong0107]

Describe the bug
If user uploads an image with its filename having non-ascii characters,
the output <meta property="og:image"> would have its content un-encoded,
which leads social websites (such as Facebook) ignore the tag.

How to reproduce the bug
Steps to reproduce the behavior:

1. Have a file with non-ascii character in its name.
2. Upload the file with WordPress native interface.
3. Use the URL of the image as a social image of some page/post, or the site.
4. Use Sharing Debugger - Meta for Developers to check the page/post/site.
5. Check HTTP server access log, and you won't see logs that Facebook fetch the image.

Expected behavior
Non-ascii characters shall be encoded into RFC 3986 format.

Additional context
I append the following codes to my functions.php in theme directory to work around:

add_action('the_seo_framework_before_meta_output', function() {
	ob_start(function($html) {
		return preg_replace_callback('/ content="(https?:\/\/[^"]+)"/', function($matches) {
			$url = str_replace(
				array('%26', '%2E', '%2F', '%3A', '%3D', '%3F'),
				array('&', '.', '/', ':', '=', '?'),
				rawurlencode($matches[1])
			);
			return " content=\"$url\"";
		}, $html);
	});
});

add_action('the_seo_framework_after_meta_output', function() {
	ob_end_flush();
});

[sybrew]

Thank you for the bug report!

The workaround may invoke CSRF, so please be mindful before implementing it on sites with authors you do not fully trust.

I'm going to test the behavior before the next minor release.