Browse Source

红头文件

tiaosheng-ms
xuesinan 4 years ago
parent
commit
44ac006b67
  1. 75
      index.html

75
index.html

@ -206,17 +206,17 @@
</div> </div>
<script> <script>
// var fileElement = document.getElementById('file'); document.getElementById('file').addEventListener('change', function(event) {
// fileElement.addEventListener('change', function(event) { var files = event.target.files;
// var files = event.target.files; var formData = new FormData();
// var formData = new FormData(); formData.append('param', files[0]);
// formData.append('param', files[0]); p1449927427387301888.upload(formData)
// p1449927427387301888.upload(formData) }, false);
// }, false);
var form = document.getElementById("form"); document.getElementById("form").addEventListener("input", function(e){
form.addEventListener("input", function(e){
p1449927427387301888.setData(e); p1449927427387301888.setData(e);
}) })
//事件委托就是利用事件冒泡特性,给父元素绑定事件 //事件委托就是利用事件冒泡特性,给父元素绑定事件
//parent.contains(child) 判断是否是某个节点的子节点 //parent.contains(child) 判断是否是某个节点的子节点
//e.target 触发事件的源节点 //e.target 触发事件的源节点
@ -475,6 +475,14 @@
<input class="train-start-time text-right outline-none" data-id="${data.questionId}" type="date" placeholder="请选择${data.question}"> <input class="train-start-time text-right outline-none" data-id="${data.questionId}" type="date" placeholder="请选择${data.question}">
</div> </div>
</div>`; </div>`;
} else if (data.type === 7) {
html += `<div class="file-upload mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="file-name text-gray-400">文件上传</p>
<div class="relative flex items-center">
<button>上传</button>
<input class="input-file absolute z-10 opacity-0" type="file" name="files" id="file" multiple>
</div>
</div>`;
} }
} }
@ -528,31 +536,30 @@
}, },
// 文件上传 // 文件上传
// upload(formData){ upload(formData){
// var that = this; var that = this;
// fetch(`https://test.tall.wiki/gateway/sports/file/upload`, { fetch(`https://test.tall.wiki/gateway/sports/file/upload`, {
// headers: new Headers({ headers: new Headers({
// 'Authorization': 'Bearer ' + that.token 'Authorization': 'Bearer ' + that.token
// }), }),
// method: 'POST', method: 'POST',
// body: formData, body: formData,
// }) })
// .then(function(response) { .then(function(response) {
// return response.json(); return response.json();
// }) })
// .then(function(res) { .then(function(res) {
// const { success, code, data, msg } = res; const { success, code, data, msg } = res;
// if (success && code === 200) { if (success && code === 200) {
// that.fileId = data.fileId; that.fileId = data.fileId;
// that.filePath = data.path; that.filePath = data.path;
// let fileName = that.dom.querySelector('.file-name'); let fileName = that.dom.querySelector('.file-name');
// fileName.innerHTML = data.name; fileName.innerHTML = data.name;
// that.showOrHide(1, -1, 1, 0); } else {
// } else { console.log('msg: ', msg);
// console.log('msg: ', msg); }
// } });
// }); },
// },
/** /**
* 下载红头文件模板 * 下载红头文件模板

Loading…
Cancel
Save