当前位置:嗨网首页>书籍在线阅读

26-解决方案

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

11.6.2 解决方案

为了改进解决方案,文件上传应该在后台进行。这就允许应用程序继续接受其他用户输入。

jQuery表单插件(http://jquery-cookbook.com/go/plugin-form)大大简化了从原生浏览器上传到Ajax后台上传之间的转换。采用如下的表单:

<form id="uploadform">
   <input type="file" id="fileupload" name="fileupload" />
   <input type="submit" value="Upload!" />
</form>

需要添加的就是对 ajaxForm 的调用:

$("#uploadform").ajaxForm();

但是,在后台上传而没有任何完成上传的反馈是不充分的,因此使用 success 选项显示成功上传的相关提示:

$("#uploadform").ajaxForm({
   success: function() {
     alert("Upload completed!");
   }
});