javascript - 如何将html字符串转换成dataURI

Question

我是一名混合移动应用程序开发人员。在我的应用程序中，用户可以输入他们自己的 HTML、CSS 和 javascript 代码，他们可以获得其输出。现在我有计划从用户输入的代码创建一个 HTML 文件并通过电子邮件或其他共享应用程序发送它。为了共享 HTML 文件，我使用以下 cordova 插件 https://www.npmjs.com/package/cordova-plugin-email#determine-if-the-device-is-capable-to-send-emails

我可以使用以下代码成功生成并通过邮件发送 HTML 文件

cordova.plugins.email.open({
    to:      'merbi...@gmail.com',
    subject: 'Greetings',
    body:    '<h1>Test mail</h1> file generated from Test app',
    isHtml:  true,
    attachments:'base64:file.html//PGh0bWw+DQo8aGVhZD4NCjx0aXRsZT5UZXN0aW5nIHRpdGxlPC90aXRsZT4NCjwvaGVhZD4NCjxib2R5Pg0KVGhpcyBpcyB0aGUgdGVzdGluZyBib2R5DQo8L2JvZHk+DQo8L2h0bWw+'
});

但我的问题是如何从 HTML 字符串生成 DATA URI？我可以从 HTML 文件生成 DATA URI。

我使用以下方法生成 DATA URI Convert HTML to data:text/html link using JavaScript但它不支持。

Answer 1

我不知道你是否使用 PHP。如果这样做，您可以像这样使用 PHP:

$string = "I am a hybrid mobile application developer.";
$mime = "text/plain";
$base64 = base64_encode ( $string );
echo "data:$mime;base64,$base64";

如果您不使用 PHP，您可以测试 tehplayground 中的代码并将输出粘贴到 Firefox 地址栏中以检查结果。

希望对您有所帮助。