天天看点

实用ExtJS教程100例-009:ExtJS Form无刷新文件上传

文件上传在web程序开发中必不可少,extjs form中有一个filefield字段,用来选择文件并上传。今天我们来演示一下如何通过filefield实现extjs form无刷新的文件上传。

首先,我们创建一个form,它包含一个filefield字段

然后,我们通过form的submit方法进行提交,此时,extjs会自动判断,如果form中包含filefield字段,form的method会设置为post

最后,我们通过服务器接收form提交的数据,并返回一段json字符串

实用ExtJS教程100例-009:ExtJS Form无刷新文件上传

点击浏览按钮,选择文件,然后点击上传按钮即可。

首先判断,如果不包含文件,则直接返回json数据。

如果包含文件,我们获取到文件名,并返回成功的json数据。

实用ExtJS教程100例-009:ExtJS Form无刷新文件上传

如果认为此文对您有帮助,别忘了支持一下哦!

声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。

转载:http://www.cnblogs.com/youring2/p/extjs-100-examples-form-async-upload-file.html

继续阅读