web文件管理插件elFinder

最新推荐文章于 2021-03-21 11:58:38 发布

原创最新推荐文章于 2021-03-21 11:58:38 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

PHP 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在网页中集成elFinder文件管理器，通过HTML和PHP实现文件上传及管理功能，支持图片和纯文本文件的上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、HTML

  <link rel="stylesheet" href="__PUBLIC__/elFinder/css/jquery-ui.css" type="text/css" media="screen" charset="utf-8">
  <link rel="stylesheet" href="__PUBLIC__/elFinder/css/elfinder.min.css" type="text/css" media="screen" charset="utf-8">


<div id="elfinder"></div>

 
<script src="__PUBLIC__/elFinder/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/elFinder/js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/elFinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/elFinder/js/i18n/elfinder.zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $().ready(function() {
        var elf = $('#elfinder').elfinder({
            url : '__PUBLIC__/elFinder/php/connector.php',  // connector URL (REQUIRED)
            lang: 'zh_CN'           // language (OPTIONAL)
        }).elfinder('instance');
    });
</script>

2、php

配置目录路径

/Public/elFinder/php/connector.php

71和72行

$opts = array(
	// 'debug' => true,
	'roots' => array(
		array(
			'driver'        => 'LocalFileSystem',           // driver for accessing file system (REQUIRED)
			'path'          => '../../Uploads/',                 // path to files (REQUIRED)
			'URL'           => dirname($_SERVER['PHP_SELF']) . '/../../Uploads/', // URL to files (REQUIRED)
			'uploadDeny'    => array('all'),                // All Mimetypes not allowed to upload
			'uploadAllow'   => array('image', 'text/plain'),// Mimetype `image` and `text/plain` allowed to upload
			'uploadOrder'   => array('deny', 'allow'),      // allowed Mimetype `image` and `text/plain` only
			'accessControl' => 'access'                     // disable and hide dot starting files (OPTIONAL)
		)
	)
);