【5.1】html文件的上传与下载

一、文件上传框

有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通 过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。

代码格式:

<input type=“file” name=“...” size=“15” input enctype="multipart/form-data“ maxlength=“100”>

属性解释:

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。

二、文件的下载

方法一:

<a href='result/%s_result'>下载</a>
  1. result是该目录 下的相对路径,所以不用加/

  2. 需要时一个二进制文件

方法二:

window.open("http://localhost/EIPTest/upload/temp/sid4808/mailarch1280/Archive20090521.emp","_blank");

这样肯定是不对的,不能给绝对路径,要给相对路径,就算给绝对路径你也不能用localhost;

还是

function open_win(){window.open('result/%s_result');}

IE中默认的只直接找开txt,html等格式而已

参考资料:

http://www.cnblogs.com/wanghuilt/archive/2013/01/21/2870351.html

药企,独角兽,苏州。团队长期招人,感兴趣的都可以发邮件聊聊:tiehan@sina.cn
个人公众号,比较懒,很少更新,可以在上面提问题,如果回复不及时,可发邮件给我: tiehan@sina.cn