是否有一个JavaScript库,允许将字符串保存为txt文件,并跨浏览器工作？
在过去,我一直在使用Downloadify,但我正在寻找另一个选项,原因有两个:
我有一个Base64编码的PNG从Web套接字挤出到一个网页,我使用数据URI显示
<img src="data:image/png;base64, --base64 png-- ">
有没有办法在javascript或它的一些风格调整我收到的图像调整为较小的base64数据URI等效,以dinamically生成给定图像的缩略图版本？
或者也许我可以复制HTML Image对象并使用它作为一个整体玩,使用一些我还没有发现的模糊jQuery魔术技巧.
如果这可以在客户端的javascript中完成,我可以避免对我的服务器deamon的另一个HTTP请求,这将花费一些时间来重新处理和传递调整大小的图像.
我试图使用data-uri-scheme将自定义字体包含到css中.CQ5(我使用的是5.5版)是将clientlib目录中的路径添加到带有data-uri-scheme字体数据的css文件所在的位置.
所以不要只是忽略css属性:
@font-face {
font-family: 'CustomFont';
src: url(data:application/x-font-woff;...
...
}
CQ5执行以下操作:
@font-face {
font-family: 'CustomFont';
src: url(desktop/css/data:application/x-font-woff;...
...
}
这是CQ5.5中的错误还是可以添加/执行某些操作以防止添加"desktop/css"？
结果是,我得到404 HTTP状态,因为字体"找不到".
[更新]:
css文件包含在base.jsphtml <head>部分中.
<link rel="stylesheet"
href="/etc/designs/myproject/clientlib/desktop.css" type="text/css"/ >
位置base.jsp:
/apps/myproject/pages/base/base.jsp
位置css.txt:
/etc/designs/myproject/clientlib/desktop/css.txt
我有一个应用程序,用户可以在HTML5画布上交互式设计元素.我想通过Facebook分享画布图像.
我计划创建一个动态页面并传入一个数据URI,但Facebook不接受数据URI图像并需要绝对图像路径.
我真的不想沿着将图像存储在服务器上的路径,即使是暂时的,但我担心这是我唯一的选择吗？我应该研究另一种途径吗？
我有一个blob表示音频文件的变量.执行此代码时,会将一个有效的数据url字符串记录到控制台中,但它非常小,仅适用于chrome,浏览器可能会将其存储在某处.是否可以将其转换为包含所有音频数据的数据网址字符串？此外,一切都在其他机器上正常工作.
var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
base64data = reader.result;
console.log( base64data );
}
谢谢.
我正在用PHP + HTML + CSS + JavaScript编写开源的Falloutish 2游戏.现在正在处理引擎.我有这个gif:https: //dl.dropboxusercontent.com/u/4258402/nmwarrgb_e.gif
...我想转换为数据URI.我需要这样做,因为浏览器缓存图像并且这个没有循环,所以为了能够在动画结束并且单元转到另一个图块时"再次运行",我需要将其转换为数据URI.否则我将被迫一遍又一遍地重新下载图像,例如通过在图像文件的末尾添加随机字符串.哪个工作正常,但采取过多的转移,导致滞后.
这是我试图使用的代码:
var image = new Image();
(..)
this.convertImageObjectToDataURI = function (image) {
var canvasTemp = document.createElement('canvas');
canvasTemp.width = image.naturalWidth; // or 'width' if you want a special/scaled size
canvasTemp.height = image.naturalHeight; // or 'height' if you want a special/scaled size
canvasTemp.getContext('2d').drawImage(image, 0, 0);
var dataUri = canvasTemp.toDataURL('image/gif');
// Modify Data URI beginning
dataUri = "data:image/gif;" + dataUri.substring(15);
console.log(dataUri);
// Return image as Data URI
return dataUri;
};
不幸的是,它仅为第一帧生成数据URI.我试过搜索插件,阅读有关html画布的内容,但 …
我有一个格式为数据URI并显示在HTML页面中的图像。我可以复制该图像并将其粘贴到某些程序（例如Microsoft Paint，Photoshop等）中
但是我想将图像粘贴到Microsoft Outlook中的新电子邮件中，当我尝试这样做时，不会粘贴任何内容。根据我所做的研究，看起来Outlook不支持数据URI。有没有一种格式化数据URI的方式，以便剪贴板中的内容以Outlook友好的方式格式化，以便可以将图像粘贴到其中？作为参考，Windows 7中的剪裁工具按预期方式工作-我可以截取屏幕截图，将其复制到剪贴板，然后将其粘贴到新电子邮件中，然后正确显示。
其他注意事项：
HTML中的数据URI如下所示：
<img src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
最终目标是类似于<img src="name.png" />或可以直接复制并粘贴到Outlook中的某种格式。不清楚剪贴板数据需要哪种格式才能被Outlook接受，但是显然某些程序可以工作（例如，从Chrome复制或使用截图工具）。
提前致谢！
数据URI是否有默认字符集？我阅读了规范，但没有看到。
例如，如果我有一个源映射的数据URI，希望可以在浏览器中对其进行可靠地解释，那么可以忽略字符集吗？
//@ sourceMappingURL=data:application/json;base64,eyJ2ZXJza...
与
//@ sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJza...
我在GitHub问题中看到人们在没有显式的情况下在源映射文件中使用汉字时遇到了问题charset=utf-8。因此，如果有一个默认值（或者至少，如果我们可以期望浏览器选择了一个默认值），那么似乎不是一个默认值utf-8...
我已经通过使用Blob URL/Object-URL()解决了这个问题(感谢@DanielHerr)URL.createObjectURL(blob),但我仍然很好奇为什么在使用data:URL 时存在此错误
我正在使用WebExtensions API为Chrome和Firefox创建扩展程序.
扩展程序随时间收集数据,我想实现一个功能,将其导出为CSV文件.
我尝试使用downloads.download()下载文件,但是我收到错误:
错误:
data:text/csv;charset=utf-8;base64,{data...}为downloads.download 输入参数选项的错误(错误处理URL:错误:URL拒绝访问).
我已经尝试添加"<all_urls>"到permissions键中manifest.json,但这没有任何区别.
这是我正在使用的代码:
var csv = 'Hello, World!' // Real data goes here
var url = 'data:text/csv;charset=utf-8;base64,' +
window.btoa(unescape(encodeURIComponent(csv)))
chrome.downloads.download({'url': url})
我似乎无法解决如何解决这个问题,所以我真的很感激帮助!谢谢!
我manifest.json看起来像这样:
{
"manifest_version": 2,
"name": "Name",
"version": "1.0.0",
"description": "Description",
"icons": {
"16": "/icons/icon-16.png",
"32": "/icons/icon-32.png",
"48": "/icons/icon-48.png",
"64": "/icons/icon-64.png",
"96": "/icons/icon-96.png"
},
"applications": {
"gecko": {
"id": "@name", …javascript download google-chrome-extension data-uri firefox-addon-webextensions
如何在没有画布的情况下从纯像素数组生成纯JavaScript（无外部库）中的图片？我尝试以URI形式生成图像，但没有成功（图片格式不容易快速理解和实现）
data-uri ×10
javascript ×7
base64 ×2
image ×2
aem ×1
animated-gif ×1
blob ×1
css ×1
data-url ×1
download ×1
execcommand ×1
facebook ×1
firefox-addon-webextensions ×1
game-engine ×1
graphics ×1
html ×1
html5 ×1
html5-canvas ×1
jquery ×1
outlook ×1
save-as ×1
source-maps ×1
uri ×1