Duyệt qua tệp phía máy chủ

Question

Tôi đang làm việc trên một ứng dụng web đọc dữ liệu từ một tập hợp các tệp văn bản và ánh xạ nó tới cơ sở dữ liệu MySQL.

Hiện tại, biểu mẫu yêu cầu nhập thủ công của đường dẫn tệp, nhưng tôi muốn thêm trình chọn tệp vào trường này để làm cho phần đó của thiết lập ít tẻ nhạt hơn một chút.

Các giải pháp tôi đã tìm thấy cho phép lựa chọn một tệp, nhưng tôi đang tìm một giải pháp cho phép sử dụng các mẫu nhập, vì hầu hết công việc của chúng tôi yêu cầu chúng tôi kéo nhiều tệp ra khỏi máy chủ đi.

Bất kỳ trợ giúp nào trong vấn đề này được đánh giá cao.

Answer 1

Phải mất rất nhiều tìm kiếm và một số công việc xung quanh, nhưng tôi tìm thấy một câu trả lời hợp lý khả thi cho việc này.

Vấn đề lớn nhất tôi gặp phải là duyệt qua các tệp phía máy chủ. Tôi đã tìm thấy một plugin jQuery tại số A Beautiful Site đã giải quyết được sự cố đó.

Đây là trình duyệt tệp AJAX có tập lệnh trình kết nối phía máy chủ cho JSP, PHP, ASP và các tệp khác.

tôi đã xây dựng cây hồ sơ của ứng dụng web bằng cách sử dụng kịch bản sau đây:

$(document).ready(function() { 
    $('#loadFolderTree').fileTree({ 

     root: '/server_root/subfolder/tree_root', 
     script: '/js/jquery_file_tree/connectors/jqueryFileTree.jsp', 
     multiFolder: false, 

    });  
    }); 

Những điều tốt đẹp về kịch bản này là nó trả về đường dẫn tập tin được lựa chọn như là một String. Với một số bổ sung nhỏ để xử lý tập tin mặc định của kịch bản, tôi đã có thể viết các đường dẫn tập tin trở lại lĩnh vực hình thức phù hợp với đoạn mã sau:

}, function(file) { 
      var loadPat = document.getElementById("loadPattern"); 
      loadPat.value = file.replace("/server_root/subfolder/tree_root/", ""); 

Kể từ khi hình thức đã được xây dựng để xử lý các file liên quan đến gốc , không cần phải in toàn bộ đường dẫn, vì vậy đoạn mã cuối cùng này cắt đường dẫn đến thư mục gốc và đặt giá trị biểu mẫu thành nội dung còn lại của Chuỗi.

Quan trọng nhất, chuỗi trả về có thể chỉnh sửa trong biểu mẫu cho phép người dùng thay đổi trả về tệp đầu vào-1.txt thành tệp nhập * .txt và nhập nhiều tệp trong một lần chạy.

Đây là kết quả cuối cùng:

$(document).ready(function() { 
    $('#loadFolderTree').fileTree({ 

     root: '/server_root/subfolder/tree_root', 
     script: '/js/jquery_file_tree/connectors/jqueryFileTree.jsp', 
     multiFolder: false, 

    }, function(file) { 
     var loadPat = document.getElementById("loadPattern"); 
     loadPat.value = file.replace("/server_root/subfolder/tree_root/", ""); 

    });  
    });