怎么用ajax实现上传文件的功能

HTTP File Server

http-file-server 是用 python 实现的 HTTP 文件服务器，支持上传和下载文件。

运行

$ python file-server.py files 8001

其中第一个参数 files 是存放文件的路径，第二个参数 8001 是 HTTP 服务器端口。

接口

1. 读取文件

GET /pathtofile/filename

2. 读取文件夹下所有文件（已经忽略隐藏文件）

GET /path

返回文件列表为 JSON 数组，文件名末尾带有 / 的表示是文件夹。 filename 为文件名，mtime 为修改时间。

[{"filename":"f1.txt","mtime":1001},{"filename":"p3/","mtime":1002}]

3. 上传文件

采用 POST 方式上传文件，URL 参数中传参数 name 表示上传的文件名，POST 内容为文件内容。

POST /upload?name=filename

ajax 示例:

// file is a FileReader object

var data = file.readAsArrayBuffer()

var xhr = new XMLHttpRequest()

var url = "http://localhost:8001/upload?name=xxx.md"

xhr.open("post", url, true)

xhr.setRequestHeader("Accept", "application/json, text/javascript, */*q=0.01")

xhr.onreadystatechange = function() {

if (xhr.readyState==4 &&xhr.status==200)

{

console.log(xhr.responseText)

}

}

xhr.send(data)

文件名 filename 可以包含相对路径。比如：upload?name=md/xxx.md。则上传至 md 目录下。

首先，struts2进行权限验证是用拦截器做的

一个简单的登录拦截器示例如下：

package com.zdf.interceptor

import com.opensymphony.xwork2.Action

import com.opensymphony.xwork2.ActionInvocation

import com.opensymphony.xwork2.interceptor.AbstractInterceptor

import com.zdf.entity.Admin

@SuppressWarnings("serial")

public class LoginInterceptor extends AbstractInterceptor{

@Override

public String intercept(ActionInvocation invocation) throws Exception {

// TODO Auto-generated method stub

Admin admin = (Admin)invocation.getInvocationContext().getSession().get("ADMIN")

if(admin!=null){

return invocation.invoke()

}else{

return Action.LOGIN

}

}

}

事实上这根本不需要什么其他配置 *** 作，因为这是Struts2，而不是原生Servlet，在Struts2中，拦截器会将request中的表单数据（或者文件格式的数据）都和action类中的属性名称一一对应的注入值（包括文件数据）。所以你需要做的，其实只是在jsp页面（或html）中加入一个file类型的input标签，名称记住（比如为photo），然后在action类中加一个File类型（java.io.File)字段，此字段必须和刚刚的input标签name属性一致，即photo（private File photo）。最后，需要注意的是，当你妄图从网页上传一个文件类型的表单时，必须将包围它的form类将enctype="multipart/form-data" method="post"加上，即method必须为post，且enctype，也就是表单数据类型，必须为二进制的。

---