使用 Dojo 的 Ajax 应用开发进阶教程，第 7 部分: Dojo 核心库深入介绍

清单 3. 使用 dojo.io.iframe 上传文件

　<form　enctype="multipart/form-data"　method="post"　id="formNode">　
　　<input　type="file"　name="fileUpload"　_cke_saved_name="fileUpload"></input>　
　　<input　type="button"　value="上传"></input>　
　</form>　　
　
　dojo.io.iframe.send({　
　　url　:　"/upload",　
　　form　:　"formNode",　
　　load　:　function()　{　
　　},　
　　error　:　function()　{　
　　}　
　});

如 代码清单 3 中所示，在 HTML 代码中定义一个 <form>元素，其中包含一个文件选择框控件。dojo.io.iframe.send()方法会负责提交此表单来完成文件的上传。

在介绍完 Dojo 核心库提供的脚本和 iframe I/O 请求支持之后，下面介绍如何实现拖放操作。

拖放

在 Ajax 应用中，拖放是一个比较常见的操作。拖放操作最早的时候比较多的出现在桌面应用中，在传统的 Web 应用中比较少见。随着 Ajax 应用的流行，拖放操作越来越多的出现，可以提供与桌面应用类似的用户体验。在 Ajax 应用中实现拖放操作并不是一件容易的事情，需要考虑很多浏览器兼容性的问题。Dojo 核心库的 dojo.dnd模块提供了对拖放操作的良好支持。

dojo.dnd模块中包含了对两类拖放相关的操作的支持：一类是一般意义上的拖放，即拖拽页面上的一个元素并把它放到其它位置；另外一类是在页面上自由的移动某个元素。两类操作在实现上有所不同，下面会分别介绍。