Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d90d1c84 by 任超
Options

style:文件上传

1 parent 94dffa72
Pipeline #26 for d90d1c84 failed in 0 seconds
Inline Side-by-side
Showing 2 changed files with 32 additions and 42 deletions
...@@ -2,42 +2,6 @@ $(function () { ...@@ -2,42 +2,6 @@ $(function () {
2 //元素 2 //元素
3 var oFileInput = $("#fileInput"); //选择文件按钮 3 var oFileInput = $("#fileInput"); //选择文件按钮
4 var sizeObj = []; //存放每个文件大小的数组，用来比较去重 4 var sizeObj = []; //存放每个文件大小的数组，用来比较去重
5 // var oFileSpan = $("#fileSpan");
6 // //拖拽外部文件，进入目标元素触发
7 // oFileSpan.on("dragenter", function () {
8 // $(this).find('.file_name').css("background", "#ccc");
9 // $(this).find('.file_name').empty();
10 // $(this).find('.file_name').append(
11 // '<p style="line-height:240px">可以方鼠标了</p>'
12 // )
13 // });
14 // //拖拽外部文件，进入目标、离开目标之间，连续触发
15 // oFileSpan.on("dragover", function () {
16 // return false;
17 // });
18 // //拖拽外部文件，离开目标元素触发
19 // oFileSpan.on("dragleave", function () {
20 // $(this).find('.file_name').empty();
21 // $(this).find('.file_name').css("background", "#ffff");
22 // $(this).find('.file_name').append(
23 // '<img class="update" src="../staticImages/update.png">'+
24 // '<p class="updatetext">点击或拖拽文件上传</p>'+
25 // '<div class="fileListName"></div>'
26 // )
27 // });
28 // //拖拽外部文件，在目标元素上释放鼠标触发
29 // oFileSpan.on("drop", function (ev) {
30 // var fs = ev.originalEvent.dataTransfer.files;
31 // $(this).find('.file_name').empty();
32 // $(this).find('.file_name').css("background", "#ffff");
33 // $(this).find('.file_name').append(
34 // '<img class="update" src="../staticImages/update.png">'+
35 // '<p class="updatetext">点击或拖拽文件上传</p>'+
36 // '<div class="fileListName"></div>'
37 // )
38 // analysisList(fs); //解析列表函数
39 // return false;
40 // });
41 //点击选择文件按钮选文件 5 //点击选择文件按钮选文件
42 oFileInput.on("change", function () { 6 oFileInput.on("change", function () {
43 if(flieList.length>=2) { 7 if(flieList.length>=2) {
...@@ -72,7 +36,7 @@ $(function () { ...@@ -72,7 +36,7 @@ $(function () {
72 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型 36 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型
73 flieList.push(itemArr); 37 flieList.push(itemArr);
74 if (flieList.length==2){ 38 if (flieList.length==2){
75 inputName.parent().find('.update').attr('src','../staticImages/Yes.png'); 39 inputName.parent().find('.update').attr('src','../../staticImages/Yes.png');
76 inputName.parent().find('.updatetext').text('') 40 inputName.parent().find('.updatetext').text('')
77 } 41 }
78 //把这个文件的大小放进数组中 42 //把这个文件的大小放进数组中
...@@ -90,7 +54,7 @@ $(function () { ...@@ -90,7 +54,7 @@ $(function () {
90 $('.fileListName').append( 54 $('.fileListName').append(
91 '<li class="fileName">'+ 55 '<li class="fileName">'+
92 '<span title="' + name + '">' + name + '</span>' + 56 '<span title="' + name + '">' + name + '</span>' +
93 '<img class="operation" src="../staticImages/chacha.png">'+ 57 '<img class="operation" src="../../staticImages/chacha.png">'+
94 '</li>' 58 '</li>'
95 ); 59 );
96 } 60 }
...@@ -100,7 +64,7 @@ $(function () { ...@@ -100,7 +64,7 @@ $(function () {
100 flieList.splice(index, 1) 64 flieList.splice(index, 1)
101 sizeObj.splice(index, 1) 65 sizeObj.splice(index, 1)
102 if(flieList.length==1) { 66 if(flieList.length==1) {
103 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png'); 67 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../../staticImages/update.png');
104 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') 68 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
105 } 69 }
106 $(this).parent().remove() 70 $(this).parent().remove()
......
...@@ -2,7 +2,7 @@ layui.use('element', function () { ...@@ -2,7 +2,7 @@ layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 }); 3 });
4 addTabs('#wssq') 4 addTabs('#wssq')
5 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 5 setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
6 // form 表单 6 // form 表单
7 layui.use('form', function () { 7 layui.use('form', function () {
8 var form = layui.form; 8 var form = layui.form;
...@@ -126,6 +126,32 @@ layui.use(['form', 'common'], function () { ...@@ -126,6 +126,32 @@ layui.use(['form', 'common'], function () {
126 }); 126 });
127 127
128 //下一步事件 128 //下一步事件
129 function skipClick(){ 129 function skipClick() {
130 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 130 // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
131 _uploadSlcl(flieList)
132 }
133 // 图片上传
134 function _uploadSlcl(flieList) {
135 var formData = new FormData();
136 formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
137 flieList.map((item, index)=>{
138 console.log(item[0])
139 formData.append('files', item[0]); //添加图片信息的参数
140 })
141 console.log(formData)
142 $.ajax({
143 type: "post", //提交方式
144 url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径
145 dataType: "json",
146 cache: false, //上传文件不需要缓存
147 processData: false, // 告诉jQuery不要去处理发送的数据
148 contentType: false, // 告诉jQuery不要去设置Content-Type请求头
149 data: formData,
150 //数据，这里使用的是Json格式进行传输
151 success: function (result) {//返回数据根据结果进行相应的处理
152 if (result.code == 200) {
153 console.log(result.data)
154 }
155 }
156 });
131 } 157 }
...\ No newline at end of file ...\ No newline at end of file
......