PDA

View Full Version : مبتدی: استفاده از ELFinder !


pasargadteam
یک شنبه 08 تیر 1393, 21:35 عصر
با سلام و درود بیکران
بنده elFinder رو دانلود و در کنار CKEditor کانفیگ کردم و دارم استفاده میکنم.
اما مشکل اینجاست که میخواهم به صورت یک فیلد و دکمه باز بشه و وقتی فایل انتخاب شد در فیلد آدرس رو بگذارد و بعد از زدن دکمه ذخیره, در دیتابیس ذخیره بشه.
طبیعتاً مقداری که در فیلد گذاشته میشه که اوکی است و دستورش مشخص.
اما در مورد نوع نمایش و کد هایی که باید بزارم نمیدونم چه باید انجام بدم.
در لینک زیر نمونه هست اما انجام نمیده.
کسی میتونه کمک کنه؟

نمونه: اینجا را کلیک کنید (http://jsfiddle.net/troex/4A9m9)
pasargadteam
سه شنبه 10 تیر 1393, 09:04 صبح
کسی هست که بتونه مشکل رو حل کنه؟
qartalonline
سه شنبه 10 تیر 1393, 15:20 عصر
من متوجه نشدم مشکلتون کجاست دقیقا؟ چه چیزی رو میخواین نمایش بدیدن؟
pasargadteam
سه شنبه 10 تیر 1393, 16:27 عصر
من متوجه نشدم مشکلتون کجاست دقیقا؟ چه چیزی رو میخواین نمایش بدیدن؟

میخواهم در پروژه ام یک فیلد و یه دکمه داشته باشم که دکمه وقتی که میزنم elfinder باز بشه و فایل رو انتخاب که کردم داخل فیلد بندازه و مسیر بره به دیتابیس.
رفتن مسیر به دیتابیس که مشخصه. اما اون انتخاب فایل و افتادنش در فیلد مهم هست که نتونستم انجام بدم.
qartalonline
سه شنبه 10 تیر 1393, 19:18 عصر
من اینطوری انجام دادم بسته به نیازتون تغییر بدید.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>elFinder 2.0</title>

<!-- jQuery and jQuery UI (REQUIRED) -->
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<!-- elFinder CSS (REQUIRED) -->
<link rel="stylesheet" type="text/css" media="screen" href="css/elfinder.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/theme.css">

<!-- elFinder JS (REQUIRED) -->
<script type="text/javascript" src="js/elfinder.min.js"></script>

<!-- elFinder translation (OPTIONAL) -->
<script type="text/javascript" src="js/i18n/elfinder.ru.js"></script>

<!-- elFinder initialization (REQUIRED) -->
<script type="text/javascript" charset="utf-8">
$(function() {

$(document).on("click", "#file_select_button", function() {
var elf = $('#elfinder').elfinder({
url: 'php/connector.php'
}).elfinder('instance');
});

$(document).on("click", "#file_select_add_button", function() {
var fileName = $('.elfinder-cwd-wrapper .ui-selected .elfinder-cwd-filename').html();
$('.elfinder-path').children('a').length;
var path = $('.elfinder-path a:nth-child(1)').html() + '/';
for (var i = 1; i < $('.elfinder-path a').length; i++) {
path += $('.elfinder-path a').eq(i).html() + '/';
}
$('#file_select_path').val(path + fileName);
});

});
</script>
</head>
<body>
<div id="file_selcet">
<input id="file_select_path" type="text">
<button id="file_select_add_button">اضافه کردن فایل</button>
<button id="file_select_button">انتخاب فایل</button>
</div>

<!-- Element where elFinder will be created (REQUIRED) -->
<div id="elfinder"></div>

</body>
</html>
pasargadteam
سه شنبه 10 تیر 1393, 21:35 عصر
بسیار ممنون و سپاس گذار. فقط یه مسئله , میخواستم که صفحه آپلود رو در یک پنجره PopUP باز کنه.
اون به چه صورت میشه؟
qartalonline
سه شنبه 10 تیر 1393, 22:41 عصر
برای اینکار بهتره از ابزار دیالوگ jQueryUI یا از lightbox ها استفاده کنید.
http://jqueryui.com/dialog/