144 lines
3.4 KiB
JavaScript
144 lines
3.4 KiB
JavaScript
let laypage,table,form,upload,fileList = new Array();
|
||
layui.use(['layer', 'form', 'element','laypage','upload'], function(){
|
||
//getToken();
|
||
//test2();
|
||
//test3();
|
||
var layer = layui.layer; //弹层
|
||
laypage = layui.laypage; //分页
|
||
table = layui.table; //表格
|
||
form=layui.form;
|
||
upload=layui.upload;
|
||
let uploadObj = upload.render({
|
||
elem: '#test2',
|
||
multiple: true,
|
||
dataType: "json",
|
||
exts: 'jpg|png|jpeg',
|
||
acceptMime: 'image/jpg,image/png,image/jpeg',
|
||
// number: 3, //最大上传数量
|
||
size: 1024 * 100, //最大文件大小，单位k
|
||
auto: false, //是否自动上传 ，默认为true
|
||
bindAction: '#hideUpload', //绑定的按钮
|
||
choose: function (obj) {
|
||
uploadObj.config.elem.next()[0].value = '';
|
||
obj.preview(function (index, file, result) {
|
||
$('#uploader-list').append(
|
||
'<div id="" class="file-iteme">' +
|
||
'<div class="handle"><p>x</p></div>' +
|
||
'<img class="img" style="width: 130px;height: 100px;" data-index=' + index + ' data-name=' + file.name + ' src=' + result + '>' +
|
||
'</div>'
|
||
);
|
||
let map = new Map();//将选择的图片索引和图片写成对象存入集合
|
||
map.index = index;
|
||
map.file = file;
|
||
fileList.push(map);
|
||
});
|
||
}
|
||
});
|
||
|
||
form.on('submit(demo1)', function(data){
|
||
console.log(data.field);
|
||
|
||
console.log(fileList[0].file);
|
||
console.log(encryptCBC(fileList[0].file)) ;
|
||
let formData = new FormData();
|
||
for (let i = 0; i < fileList.length; i++) {
|
||
formData.append("file[]", fileList[i].file)
|
||
}
|
||
formData.append("param",JSON.stringify(data.field))
|
||
for (let [key, value] of formData.entries()) {
|
||
console.log(key, value);
|
||
}
|
||
return false;
|
||
|
||
})
|
||
|
||
|
||
|
||
})
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//初始化表格
|
||
function initTable() {
|
||
table.render({
|
||
elem: '#cityTable',
|
||
url: PATH_URL+'/system/sys/sysLog/getSystemLogsTest', // 表单数据的接口
|
||
height: 470,
|
||
page: true,
|
||
cols: [[
|
||
{field:'cid',title: 'ID'},
|
||
{field:'ip', title: 'ip'},
|
||
{field:'failureReason', title: '名称'},
|
||
{field:'createDate',title: '名称'},
|
||
{field:'deposit', title: '名称'},
|
||
{toolbar: '#optionBar', title: '操作'}
|
||
]]
|
||
});
|
||
}
|
||
|
||
|
||
|
||
//POST body 传参
|
||
function getToken(){
|
||
$.ajax({
|
||
url: PATH_URL+'/auth/login',
|
||
data: JSON.stringify({
|
||
"username":"guest",
|
||
"password":"Bonus@admin123",
|
||
"type":'1'
|
||
}),
|
||
type: 'POST',
|
||
dataType:"json",
|
||
contentType: "application/json",
|
||
async: false,
|
||
success: function (result) {
|
||
localStorage.setItem("token",result.data.access_token)
|
||
}, error: function () {
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
|
||
//POST 请求 formdata
|
||
//www-传参 自动加解密
|
||
function test2(){
|
||
$.ajax({
|
||
url: PATH_URL+'/auth/login2',
|
||
data:{
|
||
"username":"guest",
|
||
"password":"Bonus@admin123"
|
||
},
|
||
type: 'POST',
|
||
async: false,
|
||
success: function (result) {
|
||
console.log(result)
|
||
}, error: function () {
|
||
}
|
||
});
|
||
}
|
||
//get 请求
|
||
function test3(){
|
||
$.ajax({
|
||
url: PATH_URL+'zhgd/auth/login3',
|
||
data:{
|
||
"username":"guest",
|
||
"password":"Bonus@admin123"
|
||
},
|
||
contentType: "application/json",
|
||
type: 'GET',
|
||
async: false,
|
||
success: function (result) {
|
||
console.log(result)
|
||
}, error: function () {
|
||
}
|
||
});
|
||
} |