ExtJS Form表单上传
一、在页面引入相关的JS文件
Ext.ux.form.FileUploadField是ExtJS的文件上传组件,如果要使用它,可以从ExtJS的安装目录下的/examples/ux目录拷贝到项目中,然后在head里面引入js文件,比如放在网站的script目录下,可以这样写:
<script type="text/javascript" src="../ext-3.4.0/ux/fileuploadfield/FileUploadField.js"></script>
当然,其他和ExtJS相关的JS文件和CSS文件照常引入。
<link rel="stylesheet" type="text/css" href="../ext-3.4.0/ux/fileuploadfield/css/fileuploadfield.css">
当然,其他和ExtJS相关的JS文件和CSS文件照常引入。
以下是upload.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css"> <script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base-debug.js"></script> <script type="text/javascript" src="../ext-3.4.0/ext-all-debug.js"></script> <link rel="stylesheet" type="text/css" href="../ext-3.4.0/ux/fileuploadfield/css/fileuploadfield.css"> <script type="text/javascript" src="../ext-3.4.0/ux/fileuploadfield/FileUploadField.js"></script> <script type="text/javascript" src="upload.js"></script> </head> <body> <div id="d"></div> </body></html>