拖放文章
-
与 Sebastian Dorn 的访谈,他赢得了拖放开发者 Derby
Sebastian Dorn 以他的精彩网络互动故事 Pete's Adventure 赢得了拖放开发者 Derby。最近,我有机会更多地了解 Seba:他的工作、他的抱负以及他对网络开发未来的想法。访谈你是如何对网络开发产生兴趣的?我认为大约在 […]
-
宣布 2013 年 1 月开发者 Derby 的获奖者!
在过去的 1 月,来自世界各地的创意网络开发者向我们展示了他们在 1 月开发者 Derby 竞赛中用拖放交互可以做些什么。在查看了所有参赛作品后,我们的三位新专家评委——Craig Cook、Franck Lecollinet 和 Guillaume Lecollinet——决定了四名获胜者和两名亚军。你不是参赛者?还有其他 […]
-
有史以来最短的图片上传器!
几行 JavaScript 代码。这就是你需要做的。这是一个非常短的图片上传器,基于 imgur.com API。如果你想做更复杂的事情(比如调整大小、裁剪、绘制、颜色等),请查看我之前的文章。背景故事。我一直在与 Imgur.com 的所有者(你好,艾伦!)交谈。他最近为 […] 添加了拖放支持。
-
如何开发 HTML5 图片上传器
HTML5 带有一套非常棒的 API。如果你将这些 API 与 <canvas> 元素结合起来,就可以创建一个超级/现代/很棒的图片上传器。本文将向你展示如何做到。所有这些技巧在 Firefox 4 中都能很好地工作。我还描述了一些替代方法来确保它在基于 Webkit 的浏览器中工作。大多数 […]
-
HTML5 采用故事:box.net 和 html5 拖放
这是一篇来自 Tomas Barreto 的客座文章,他是一位在 box.net 工作的开发者。他们最近采用了 HTML5 拖放作为一种使用 Firefox 中的新功能与他人分享文件的方式。包含的视频是该功能和服务的宣传视频,但展示了使用简单的 […] 多么容易。
-
一个 HTML5 离线图片编辑器和上传器应用程序
许多网络应用程序使用图片上传器:图片托管网站、博客发布应用程序、社交网络,以及其他许多网站。这些上传器有局限性:你一次只能上传一个文件,并且不能在发送之前编辑图片。插件是上传多个图片的常用解决方法,图片修改 […]
-
使用拖放、FileAPI 和 XMLHttpRequest 进行交互式文件上传
在之前的文章中,我们展示了如何通过输入标签或拖放机制访问文件。在这两种情况下,你都可以使用 XMLHttpRequest 上传文件并跟踪上传进度。演示如果你正在运行 Firefox 3.6 的最新测试版,请查看我们的文件上传演示。上传 XMLHttpRequest […]
-
Firefox 3.6 中的文件拖放
在之前的一篇文章中,我们向你展示了如何使用输入元素上传多个文件。在 Firefox 3.6 中,你可以让你的用户直接将文件拖放到你的网页中,而无需通过文件选择器。演示如果你正在运行最新的 Firefox 3.6 测试版,请查看我们拖放的交互式演示 […]
-
Firefox 3.6 中的 W3C FileAPI
通常,网络应用程序会提示用户选择文件,通常是上传到服务器。除非网络应用程序使用插件,否则文件选择是通过 HTML 输入元素完成的,例如 <input type="file"/>。Firefox 3.6 现在支持大部分 W3C File API,该 API 指定了异步 […] 的能力。
-
font_dragr:一个用于字体的拖放预览工具
这个演示来自我们亲密的朋友 Ryan Seddon,他提出了一个演示,考虑到我们本周对网络字体未来的关注,这个演示似乎非常适合。如果你曾经在编辑网页时想知道某个特定字体的样式,而无需上传文件 […]