Tag: html5

使用HTML5 / Javascript来生成和保存文件: 最近我一直在摆弄WebGL，并且得到了一个Collada阅读器。问题是它很慢（Collada是一个非常详细的格式），所以我要开始转换文件到一个更容易使用的格式（可能是JSON）。事情是，我已经有了parsingJavascript中的文件的代码，所以我不妨把它用作我的出口商呢！问题是保存。现在，我知道我可以parsing文件，将结果发送到服务器，并让浏览器从服务器请求文件作为下载。但实际上服务器与这个特定的过程无关，那么为什么要涉及它呢？我已经在内存中的所需文件的内容。有没有什么办法，我可以提出使用纯JavaScript的下载用户？（我怀疑，但不妨问一下）而且要清楚的是：我不想在没有用户知识的情况下访问文件系统！用户将提供一个文件（可能通过拖放），脚本将转换文件在内存中，并提示用户下载结果。就浏览器而言，所有这些都应该是“安全的”活动。 [编辑]：我没有提到它，所以回答“Flash”的海报是足够有效的，但我所做的一部分是试图强调可以用纯HTML5做什么…所以Flash是在我的情况下。（尽pipe对于任何一个正在进行“真实”networking应用程序的人来说这是一个完全有效的答案）。事实是，除非我想涉及服务器，否则看起来我运气不好。不pipe怎么说，还是要谢谢你！

jQuery Mobile：标记增强dynamic添加的内容: 我想知道如何dynamic增强jQuery Mobile页面？我试图使用这些方法： $('[data-role="page"]').trigger('create'); 和 $('[data-role="page"]').page(); 另外我怎样才能防止checkbox的增强标记？

将数据URI转换为文件，然后附加到FormData: 我一直在尝试重新实现一个像Mozilla Hacks站点上的 HTML5图片上传器，但是它可以和WebKit浏览器一起工作。部分任务是从canvas对象中提取图像文件，并将其附加到FormData对象上传。问题是，尽pipecanvas具有toDataURL函数来返回图像文件的表示，但FormData对象只接受来自File API的 File或Blob对象。 Mozilla解决scheme在canvas上使用了以下仅限Firefox的function： var file = canvas.mozGetAsFile("foo.png"); …在WebKit浏览器上不可用。我能想到的最好的解决scheme是find一种方法将数据URI转换为File对象，我认为这可能是File API的一部分，但是我不能为了我的生活find一些可以做到的事情。可能吗？如果没有，还有其他的select 谢谢。

捕获HTMLcanvas作为gif / jpg / png / pdf？: 是否有可能捕获或打印在HTMLcanvas中显示的图像或PDF？我想通过canvas生成一个图像，并能够从该图像生成一个PNG。

有没有办法改变inputtypes=“date”格式？: 我正在使用我的网页上的HTML5元素。默认情况下，inputtype="date"显示date为YYYY-MM-DD 。问题是，是否可以将其格式更改为： DD-MM-YYYY ？

如何在jQuery中发送Ajax请求的FormData对象？: XMLHttpRequest Level 2标准（仍然是一个工作草案）定义了FormData接口。这个接口可以将File对象附加到XHR请求（Ajax请求）。顺便说一句，这是一个新的function – 过去，使用“隐藏的iframe技巧”（在我的其他问题阅读）。这是如何工作的（例子）： var xhr = new XMLHttpRequest(), fd = new FormData(); fd.append( 'file', input.files[0] ); xhr.open( 'POST', 'http://example.com/script.php', true ); xhr.onreadystatechange = handler; xhr.send( fd ); 其中input是一个<input type="file">字段， handler是Ajax请求的成功处理程序。这在所有浏览器（再次，除了IE浏览器）美丽的作品。现在，我想使这个function与jQuery的工作。我试过这个： var fd = new FormData(); fd.append( 'file', input.files[0] ); $.post( 'http://example.com/script.php', fd, handler ); 不幸的是，这是行不通的（一个“非法调用”的错误引发 – […]

HTML文本input只允许数字input: 有没有一种快速的方法来设置一个HTML文本input（ <input type=text /> ），只允许数字键击（加'。'）？

Flexbox：水平和垂直居中: 如何使用flexbox水平放置div，并在容器内垂直放置div。在下面的例子中，我希望每个数字在下面（在行中），这是水平居中。 .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: tomato; padding: 5px; width: 200px; height: 150px; margin: 10px; line-height: 150px; color: white; font-weight: bold; font-size: 3em; text-align: center; } <div class="flex-container"> <div class="row"> <span class="flex-item">1</span> </div> <div class="row"> <span […]

jQuery数据与Attr？: 使用data-someAttribute时， $.data和$.attr之间的用法有什么区别？我的理解是$.data被存储在jQuery的$.cache ，而不是DOM。因此，如果我想使用$.cache进行数据存储，则应该使用$.data 。如果我想添加HTML5数据属性，我应该使用$.attr("data-attribute", "myCoolValue") 。

使用HTML5 / Canvas / JavaScript进入浏览器屏幕截图: Google的“报告错误”或“反馈工具”可让您select浏览器窗口的某个区域，以创build一个屏幕截图，并提交您的关于错误的反馈。 Jason Small截图，张贴在一个重复的问题。他们如何做到这一点？ Google的JavaScript反馈API从这里加载，他们对反馈模块的概述将展示截图function。