html搜索框查询服务器或FPT网盘文件并打开

如何在网页里通过搜索服务器或者FTP共享盘文件(PDF,XLSX,TXT等),共享盘的文件名具备唯一性,再调用本地软件打开或者在网页中打开?
如共享盘地址://127.0.0.1/资料
存放了多个pdf,xlsx,和txt。

前台:

<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script src="./lib/layui/layui.all.js" charset="utf-8"></script>
        <style>
            
        </style>
    </head>
    <body>
<div class="layui-card">
    <div class="layui-card-body">
     <form class="layui-form" method="post">
    <input type="text" name="keyword" id="searchReload" style="width:300px;height:30px;" required lay-verify="required" placeholder="请输入文件名称...">
                        <input type="checkbox" lay-skin="primary" name="PDF" value="PDF" title="PDF">
                        <input type="checkbox" lay-skin="primary" name="EXCEL" title="EXCEL">
                        <input type="checkbox" lay-skin="primary" name="HTML" title="HTML">    
    <button class="layui-btn search_btn layui-btn-sm layui-icon" lay-event="search" id="searchBtn">&#xe615;</button>
    </form>
</div>
</div>

<script src="./layui/layui.all.js" charset="utf-8"></script>
  <script>
    layui.use('table', function () {
      var table = layui.table;
      var laydate = layui.laydate;
      var form = layui.form;
      var $ = layui.jquery;
      })
      </script>
      
    </body>
</html>

这首先需要一个后端的程序去检索和获取对应服务器的数据接口和相应的API。