<-- 上传文件的表单 -->
<form id="uploadform" action="/order/create" method="post" enctype="multipart/form-data" style="display: none">
<input type="file" name="file" id="selectFile" multiple onchange="fileupload()"/>
</form>
<-- 上传文件按钮 -->
<button type="button" id="uploadButton" class="btn btn-warning handleButton" onclick="selectFile()">上传附件</button>
var files= new Array();//储存对个文件的集合
//1.点击上传附件按钮 触发
function selectFile(){
$("#selectFile").click();
}
//2.选择上传文件
function fileupload(){
var form = document.getElementById("uploadform");
// 用表单来初始化
var formData = new FormData(form);
uploadFile(formData,"/order/uploadFile",uploadCallback);
}
//3.文件上传后的结果处理
function uploadCallback(result){
var fileName = result.data[0];
var fielPath = result.data[1];
var file={"name":fileName,"downloadPath":fielPath};
files.push(file);
$("#File_table").bootstrapTable('refresh');
$("#item_File_table").bootstrapTable('refresh');
}
//4.文件上传后的的展示
function ajaxGetFileRequest(params) {
if(files != null){
params.success({
total: files.length,
rows: files
});
}
}
function fileFormatter(value, row, index) {
return [
'<button οnclick="delArrayByindex(\'' + index + '\')" class="btn btn-info btn-sm rightSize detailBtn" type="button">删除</button> ',
].join('');
}
//删除数组中的文件信息
function delArrayByindex(index){
console.log(index);
files.pop(index);
$("#File_table").bootstrapTable('refresh');
}
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- haog.cn 版权所有 赣ICP备2024042798号-2
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务