以AJAX格式上传文件和相应的数据

Question

我需要在单页（AJAX）Web应用程序中上载带有表单的文件，但是如果没有该面板中表单上的其余数据，该文件将无用。 只有三个INPUT ，但是一个可以是一个相当长的文本区域。 我该如何捕捉呢？

如果我使用隔离的AJAX文件上传技术（例如Fine Uploader http://fineuploader.com/小部件）上传文件，那么我必须处理两个违反直觉的元素：

• 客户：用户在实际批准交易之前传输文件（交易的主要部分）。 然后，即使他们拒绝继续，他们也等待完成。 UI必须禁用屏幕元素，以防止客户端可能在文件上载之前或期间提交关联数据的情况。 在此过程中错误的位置发送文件是额外的努力。

• 服务器：它需要票证缓存。 后端必须缓存上载的文件，并向客户端提供该文件的票证。 客户必须将此票证与即将到来的请求一起发送。 理想情况下，高速缓存还应在各种情况下清理旧票证，例如，取消表单，上载另一个文件或用户会话超时。 需要更多的额外工作（尽管在我的服务器中可以使用此票务缓存功能会很不错）。

将整个表单放在IFRAME是明智的解决方案吗？ 我在操纵它并使它看起来像是单页应用程序的一个很好集成的部分时会遇到问题吗？ 过去我一直都远离他们。

我的平台是jQuery，ASP.NET MVC，常用的浏览器（可能还有移动设备）。

Answer 1

在我的情况下，只需将表单发布的目标（包括文件和文本输入）设置为不可见的iframe并监视iframe onload事件，就很容易解决了。