input 实现一次性上传文件
2024-08-31 14:23:48
在实际项目中可能会用到,上传多个文件请求一次接口,因此,主要代码
$('#tabList').on('click','.resetWorkStatus',function(){
var that = $(this);
var curExamId = that.attr('data-value');
that.prev().addClass('selectWorkStatus');
layer.open({
text:"本地上传",
closeBtn:0,
btn:['上传','取消'],
content:'<div style="text-align:center;" id="cont"><input type="file" class="" id="file" multiple="" value="选择文件"></div>'
,success:function(){
console.log('成功');
},
yes:function(){
//console.log('上传'); var formData = new FormData();
console.log($("#file"));
var files = $("#file")[0].files;
for(var i =0;i<files.length;i++){
//var name = files[i].name;
var file = files[i];
formData.append("files", file);
//formData.append("name" + i, name);
}
formData.append("id", curExamId);
console.log(formData);
$('.layui-layer-btn0,.layui-layer-btn1').hide();
$('.layui-layer-content').text('答题卡上传中,请耐心等待');
$.ajax({
url: "/exam/smallExam/uploadAnswerCardLocal",
type: 'POST',
data: formData,
processData: false, // ⑧告诉jQuery不要去处理发送的数据
contentType: false, // ⑨告诉jQuery不要去设置Content-Type请求头
success: function (res) {
console.log(res);
},
error : function (responseStr) {
}
}); }
})
})
最新文章
- bzoj 4327: JSOI2012 玄武密码
- ResourceManager里面Trackingui需要手动该ip
- 安装Kali Linux操作系统Kali Linux无线网络渗透
- BZOJ 4302 Buildings 解题报告
- 将centos 7改造为LINUX桌面系统
- Eclipse+Maven+Spring+CXF 构建webservice 服务
- Eclipse报错:java.lang.ClassNotFoundException: ContextLoaderListener(Maven工程)
- TraceGL监控Node.js应用或者浏览器JavaScript代码
- dede调用指定栏目的标签
- 用JavaScript将Canvas内容转化成图片的方法
- angular.js ng-repeat渲染时出现闪烁问题解决
- dispatch emit broadcast
- WP-player——WordPress的一款好用的音乐插件
- java 实现hex文件转换bin保存至内存中
- Redis纠错
- 基于python的OpenCV图像1
- 华为TaiShan 2280 ARM 服务器
- 【纵谭 Python】系列直播(持续更新)
- 没有安装hiredis
- 学会谈判zz