问题标签 [data-url]

抱歉，标题可能对我尝试完成的工作不是很清楚。

让我解释。我有一个 html 页面，上面有一个按钮，只要单击该按钮，就会运行一个 php 页面（在后台）。该页面（从数据库）生成一个画布，该画布被转换为编码图像（base64），并将其添加到该 php 页面的 img 源中（这有效）。现在我想要的是获取该 img 源并将其显示在 html 页面（按钮所在的位置）上。

如果您需要任何示例代码，请告诉我。

我希望有人可以帮助我。谢谢

我想在“preview15.php”文件中显示我的“preview16.php”提交的图像。我正在使用 base64 编码，但它在 IE 7 中不起作用。我希望它在图像标签中。而且我不想将上传的图像存储在任何目录中。我的 preview16.php

我的 preview15.php 文件是这样的，

?>

从我们从 DataURL 获得的这个字符串中，将其下载为文件的最佳方式是什么？

到目前为止，我得到的是使用 basic window.open("myDataURL");，但我无法以这种方式更改文件名。

我想知道是否有任何方法可以正确处理这些数据。

任何人都可以更多地了解 jQuery Mobile 中的“data-url”属性吗？目前我阅读了文档，我发现它太混乱了，是否有工作演示或其他东西。

请避免从 jQuery 移动网站复制粘贴内容，它绝对可以帮助其他人在相同的困惑状态下寻找相同的内容，就像我一样。

我目前正在使用 Google Closure Library 编写 HTML5 WYSIWYG，并且我提供用户只需将图像文件拖放到带有文本的 contenteditable 字段即可添加图像。

所以我有两种方法来存储这些图像：

1.从拖放的文件中检索数据 URL，创建一个 IMG 标签，将检索到的数据 URL 设置为该图像的属性 SRC 的值，并将该 IMG 标签插入到编辑器的字段中。当用户提交表单时，我只需将所有检索到的 HTML 保存在我的 MySQL 数据库中，稍后就可以用图像呈现他的文本。

2.将拖放的图像上传到我的服务器并保存为常规文件。然后服务器会这样回答：“图像已保存，其 URL 为http://example.com/images/uploaded-image.png ”。之后，我将执行类似于我的项目 1 的步骤（创建一个带有属性 src="http://example.com/images/uploaded-image.png" 的 IMG 标记并将其插入到可编辑字段中）。

第一种方式会更多地加载数据库，因为它需要将图像 dataUrl 与文本一起存储在数据库字段中。但它使图像添加更加容易和快速，因此它改善了用户体验。

第二种方式将减少数据库的负载，因为图像将单独存储（在文件系统中），但这种方式需要对服务器的更多请求以及将每个图像添加到所见即所得文本中的一些处理器时间。此外，它不会立即向用户显示结果，因此用户需要等待他的图像上传，这会使用户体验变得更糟。

考虑到所有利弊，我需要帮助来了解在我的情况下哪种方式更可取。

我在 DataUrl 中有一个图像，我需要将它保存到磁盘。我只是使用普通的“从 web url 保存”样式还是有更简单的方法可以做到这一点而不涉及 HttpWebRequest 的东西？

我有两个问题都可以一起解决，所以我把它放在一起。

我试图将用户在一个 HTML5 画布上绘制的内容复制到另一个。

为此，我使用 javascript 获取 dataURL 并将新图像分配给该 dataurl，然后分配该图像以绘制我的第二个画布的 drawImage。这是代码。

这段代码的问题是我必须按两次复制按钮才能显示在第二个画布上。我相信这是因为它试图一次完成函数中的所有事情。当我第一次单击重复时，它同时设置了 dataURL 和 img src，而 img.src 将其视为空字符串。我点击的第二种类型我已经说过 dataURL 就是它，img.src 认为它是这样的......

我该如何解决？

然而，我的主要目标是将此 dataURL 保存到数据库中，我尝试将 ajax 与 get 方法一起使用，但这里的问题是 dataURL 包含太多字符，导致 get 出现问题。

有没有一种特殊的方法可以对 dataURL 进行编码并使其对 get/ajax 友好，以便我可以将其保存到我的数据库中？

非常感谢你！

我正在尝试将由 HTML5 画布制作的 dataURL 保存到我的 mysql 数据库中。

我有 ajax 设置来提取我制作的名为“dataURL”的变量，并且我正在使用以下代码将 dataURL 设置为画布的 img：

我的问题是画布的 dataURL 有很多字符在拉取 ajax 时效果不佳，所以我需要一种对其进行编码或以不同方式操作它的方法，以便我的最终结果可以保存到 mysql 数据库，然后再“解码”到再次显示。

我知道我的 AJAX 可以工作，因为如果我将 var dataURL 设置为“奶酪”之类的东西，它将作为奶酪保存在数据库中。

任何帮助将非常感激！

我正在运行基于在 html5 画布上绘图来查找事件触发器的代码。一旦你停止绘图，它就会将 dataURL 发送到输入字段。从那里我将 dataURL 保存到数据库中。

这适用于以下情况：

运行版本“icecream sandwhich”的Andriod Pads Ipad PC MAC

它不适用于以下平板电脑：Kindle Fire Android Pad running "honeycomb"

这是我将 dataURL 放入输入的代码：

在那些有效的情况下，该领域的输出大致如下：

对于那些不工作的输出代码就是这样：

我试图清除缓存和历史记录的事情。我试图远离使用默认浏览器以外的其他浏览器，因为我们正在为跨平台制作此产品，我们需要让它适用于所有平板电脑及其默认浏览器。

我还通过复制/粘贴将 dataURL 拉到输入字段中没有问题，它只是无法使用 canvas.dataURL 拉

我假设浏览器不支持 html5 的这一部分，但我支持其他假设。

谢谢您的帮助。

我正在尝试将图像从 URL 加载到画布中，然后获取 dataUrl 并使用它来找出图像的大小。

结果是显示的图像比应有的大很多。

例如，加载 60kb 的图像会导致解码后的变量将其返回为 134kb。

当我在本地存储在我的电脑上的图像上运行相同的代码时，从文件输入中获取文件对象并且返回的值是正确的（例如 60kb ）。

这是我正在使用的代码：

我尝试使用 dataUrl 再次输出图像并保存它......这仍然导致图像为 134kb 而不是原始大小的 60Kb。

我知道 base64 编码使图像大 1.37 倍左右，但是从文件输入中获取图像对象时该值是正确的。

我不确定压缩级别是否正在丢失？或者我是否可以以某种方式从文件对象中获取它，然后使用它来设置 toDataUrl() 函数的第二个参数？

我在网上找不到与此相关的任何信息，因此任何信息将不胜感激:)