有时候,需要用户上传自己的文件,文件上传框看上去和其它 文本域差不多,只是它还包含了一个浏览按钮。访问者可以通 过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
代码格式:<input type=“file” name=“...” enctype="multipart/form-data“ />
属性解释:
type=“file”定义文件上传框;
name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文件上传框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
注意:要使得文件上载能够成功,要做到以下几点:
1. INPUT type=file 元素必须出现在 FORM 元素内。
2. 必须为 INPUT type=file 元素指定 NAME 标签属性的值。
3. FORM 元素 METHOD 标签属性的值必须设置为 post。
4. <form>标签必须加上enctype="multipart/form-data",否则浏览器无法将文件内容上传到服务端。
5. 服务器端接收文件使用 Request.Files 属性。
参考优秀博客:
http://www.jianshu.com/p/7636d5c60a8d
http://www.haorooms.com/post/input_file_leixing input上传文件属性
http://www.haorooms.com/post/css_input_uploadmh input上传 样式美化 以及美化后文件显示