ajax上传文件(html5),HTML5 AJAX多个文件上传

这段代码展示了如何使用FormData和XMLHttpRequest实现HTML5的文件上传,而不依赖jQuery的$.post方法。通过创建FormData对象并附加文件,然后利用XMLHttpRequest的事件监听器处理上传进度、完成、错误和取消。要实现多个文件上传,只需迭代文件输入元素并多次调用append方法。
摘要由CSDN通过智能技术生成

我遇到了这个简单的js ajax上传代码($.post由于某种原因,jquery 似乎不适用于HTML5),

/* If you want to upload only a file along with arbitary data that

is not in the form, use this */

var fd = new FormData();

fd.append("file", document.getElementById('file').files[0]);

/* If you want to simply post the entire form, use this */

//var fd = document.getElementById('form1').getFormData();

var xhr = new XMLHttpRequest();

xhr.upload.addEventListener("progress", uploadProgress, false);

xhr.addEventListener("load", uploadComplete, false);

xhr.addEventListener("error", uploadFailed, false);

xhr.addEventListener("abort", uploadCanceled, false);

xhr.open("POST", "Upload.php");

xhr.send(fd);

但是我这里有两个问题,

这条线在物体之后是什么意思FormData?

fd.append("file", document.getElementById('file').files[0]);

为什么在那里需要ID?我能做些什么使用jQuery append() 用$('input[type=file]')?

此ajax仅用于单个文件上传,如何更改多个文件上传?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值