文件上传的渐进式增强.docxVIP

文件上传的渐进式增强 作者：阮一峰发布时间：2012-08-11 22:37 阅读:183 次原文链接全屏阅读 ［收藏］ 文件上传是最古老的互联网操作之一。 20多年了，它几乎没变，还是原来的样子：操作麻烦、缺乏交互、用户体验不佳。在 这个新技术日新月异的时代，显得非常落伍。 网页开发者们想了很多办法，试图提升文件上传的功能和操作体验， 在各种Javascript 库的基础上，开发了五花八门的 插件。可是，由于不同浏览器之间的差异，缺乏统一接口， 这些插件要么用起来很麻烦，要么不能普遍适用。 HTML5提供了一系列新的浏览器 API，使得文件上传有可能出现革命性变化。 英国程 序员Remy Sharp 总结了这些 新的接口，本文在他的文章基础上，讨论如何采用 HTML5 的API，对文件上传进行渐进式增强，实现以下功能： ? iframe 上传 ? ajax上传 ?进度条 ?文件预览 ?拖放上传 为了对这些功能有一个感性认识，你可以先看看 Remy Sharp 提供的范例。 虽然这些 API，还没有得到广泛部署，但它们是未来的潮流。有了它们，代码就可以 写得非常优雅简洁，上面五个功能都能在20 写得非常优雅简洁，上面五个功能都能在 20行以内实现。 Estimated time left: 00:03 (375K of 959K 匚opied) Transfer ratei lB