当前位置:首页>开发>正文

JS怎样用AJAX上传文件 ajax上传文件是怎么实现的

2023-05-06 11:09:24 互联网 未知 开发

 JS怎样用AJAX上传文件 ajax上传文件是怎么实现的

JS怎样用AJAX上传文件

实际上AJAX本身是没办法上传文件的...一般上传都是用FOMR...来实现类似AJAX....
如果不用FORM用JS , 可以使用下面这几个工具:
1. WebUploader: http://fex.baidu.com/webuploader/
2. pluploader: http://www.plupload.com

ajax上传文件是怎么实现的

原生js实现方法,如下,可以参考:

var xhr = new XMLHttpRequest()
xhr.addEventListener(progress, function(){
console.log(progress)
}, false)
xhr.addEventListener(load, function(){
console.log(load)
}, false)
xhr.open(post, /upload, true)///upload为文件上传的接口

var fd = new FormData()
fd.append(upfile, photo.data.file)
fd.append(money, money)
fd.append(source, source)
fd.append(filename, photo.data.name)

xhr.send(fd)

如何实现ajax上传

使用ajax判断是否上传完,没有上传完就使用一个div在上面显示正在上传中,请稍后。使用Filter透明一下背景会好看一点。使用jquery实现也可以。

追问:

能在具体点吗?

回答:

你上网搜索jquery上传文件吧,一大堆例子。Jquery的ajax也很容易操作,如果你懂ajax的话,这对你来说应该不难,如果不知道ajax那还是先去看一下ajax。

追问:

谢谢

最新文章