$(document).on('click', '.rename-btn', function () { var relativePath = $(this).attr('value'); var fileName = $(this).closest('tr').find('td:first').text().trim(); $('#renameRelativePath').val(relativePath); $('#renameform-newname').val(fileName); $('#renameModal').modal('show'); }) var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }); $(document).on('click', '.download-btn', function () { window.location.href = $(this).attr('value'); }); $(document).on('click', '.delete-btn', function () { var relativePath = $(this).attr('value'); $('#deleteRelativePath').val(relativePath); $('#deleteModal').modal('show'); }); $(document).on('click', '.file-upload-btn', function () { console.log('你点击了上传文件,但功能尚未实现'); }); $(document).on('click', '.folder-upload-btn', function () { console.log('你点击了上传文件夹,但功能尚未实现'); }); $(document).on('click', '.offline-download-btn', function () { console.log('你点击了离线下载,但功能尚未实现'); }); var dropArea = document.getElementById('drop-area'); dropArea.addEventListener('dragover', function (event) { // 阻止浏览器的默认行为 event.preventDefault(); }); dropArea.addEventListener('drop', function (event) { // 阻止浏览器的默认行为 event.preventDefault(); // 获取用户拖拽的文件或文件夹 var items = event.dataTransfer.items; // 遍历项目 for (var i = 0; i < items.length; i++) { var item = items[i]; uploadFile(item.getAsFile()); dropArea.classList.remove('dragging'); } }); dropArea.addEventListener('dragenter', function (event) { // 阻止浏览器的默认行为 event.preventDefault(); // 添加 dragging 类 dropArea.classList.add('dragging'); }); dropArea.addEventListener('dragleave', function (event) { // 阻止浏览器的默认行为 event.preventDefault(); // 如果相关目标是拖拽区域或其子元素,那么就不移除 dragging 类 if (!dropArea.contains(event.relatedTarget)) { // 移除 dragging 类 dropArea.classList.remove('dragging'); } }); function uploadFile(file) { console.log('准备上传,但功能尚未实现'); }