ajax 文件上传 参数,ajax实现文件上传,多文件上传,追加参数

文件上传

指定文件名:

上传文件:

上传文件:

上传文件:

//获取token

var token = parent.window.document.getElementById("token").value;

function doUpload() {

var formData = new FormData();

formData.append("token", token);

formData.append("file1", $(‘#file1‘)[0].files[0]);

formData.append("file2", $(‘#file2‘)[0].files[0]);

formData.append("file3", $(‘#file3‘)[0].files[0]);

$.ajax({

url: ‘bookController/uploadMult‘ ,

type: ‘post‘,

data: formData,

cache: false,

processData: false,

contentType: false,

async: false

}).done(function(res) {

}).fail(function(res) {

});

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 AJAX 文件上传中传递其他参数,可以使用 FormData 对象。FormData 对象可以将表单数据组装成键值对的形式,然后使用 AJAX 发送到服务器。 下面是一个示例代码,实现AJAX 文件上传和传递其他参数的功能: ```javascript // 获取文件域和其他表单控件的值 var fileInput = document.getElementById('fileInput'); var otherInput = document.getElementById('otherInput'); var file = fileInput.files[0]; var otherValue = otherInput.value; // 创建 FormData 对象 var formData = new FormData(); formData.append('file', file); // 添加文件数据 formData.append('otherValue', otherValue); // 添加其他表单数据 // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 监听上传进度 xhr.upload.addEventListener('progress', function(event) { if (event.lengthComputable) { var percent = Math.round((event.loaded / event.total) * 100); console.log('上传进度:' + percent + '%'); } }); // 监听上传完成事件 xhr.addEventListener('load', function(event) { console.log('上传完成'); }); // 设置请求地址和方法 xhr.open('POST', 'upload.php'); // 发送表单数据 xhr.send(formData); ``` 以上代码中,`formData.append('otherValue', otherValue)` 添加了一个名为 `otherValue` 的其他表单控件的值。在服务器端,可以通过 `$_POST['otherValue']` 获取该值。 注意,如果要实现文件上传,可以使用 `fileInput.files` 获取文件数组,然后循环添加到 FormData 对象中即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值