Я пытаюсь получить контроль над плагином дерева файлов jquery, и у меня проблема с путями к файлам. Дело в том, что вызов jquery устанавливает корневой каталог, и если он установлен в «/», я хочу, чтобы это был путь в моем каталоге сервера. Поэтому я установил это в коде сервера, с которым взаимодействует код jquery.
Вот вызов jquery:
<script type="text/javascript">
$(document).ready(function () {
root: "/", //Have made sure that the HomeController makes this correspond to the server application path or subfolder.
$('#result').fileTree({
script: 'Home/JqueryFileTree',
expandSpeed: 1000,
collapseSpeed: 1000,
multiFolder: false
}, function (file) {
alert(file); //This shows the name of the file if you click it
});
});
</script>
А вот как я могу установить корень "/", чтобы он соответствовал местоположению в моем веб-приложении:
if (Request.Form["dir"] == null || Request.Form["dir"].Length <= 0 || Request.Form["dir"] == "/")
dir = Server.MapPath(Request.ApplicationPath); //Works but creates a strange mix of slashes and backslashes...
else
dir = Server.UrlDecode(Request.Form["dir"]);
Это прекрасно работает, если получить дерево файлов, чтобы показать правильное дерево файлов. Но проблема в том, что когда я щелкаю файл и в jquery вызывается функция оповещения, путь к файлу, отображаемый в окне оповещения, представляет собой смесь пути к Windows (указанному выше как root) и URL ( относительная конечная часть пути). Например. c: \ Мои документы \ Visual Studio \ MvcApplication \ FileArea / Public / file.txt.
Если бы я указал корень в коде сервера как «/», как это было в исходном примере скрипта из дерева файлов jquery, я бы получил только последнюю относительную часть в окне предупреждения. Кроме того, в сгенерированном дереве файлов я получил корень моего диска c: не корень веб-приложения ... Но теперь, когда я указываю путь относительно моего веб-приложения, я получаю эту смесь целого абсолютного пути.
Поскольку я хочу иметь возможность получить этот путь и выполнить какие-либо действия с файлом, я предполагаю, что этот путь будет проблемой. Итак, что здесь происходит, почему путь заканчивается таким образом, и как я могу это исправить? Я не знаю, как указать путь относительно моего веб-приложения в jquery, поэтому единственное, о чем я мог подумать, это сделать в коде сервера. В любом случае, я думаю, это хорошо, что в любом случае у меня есть полный абсолютный путь, если я могу это исправить, чтобы он использовал один формат. Но кто-нибудь может сказать мне, как?
EDIT:
Я думал, что выложу реальный код jquery fileTree, если это поможет:
// jQuery File Tree Plugin
//
// Version 1.01
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 24 March 2008
//
// Visit http://abeautifulsite.net/notebook.php?article=58 for more information
//
// Usage: $('.fileTreeDemo').fileTree( options, callback )
//
// Options: root - root folder to display; default = /
// script - location of the serverside AJAX file to use; default = jqueryFileTree.php
// folderEvent - event to trigger expand/collapse; default = click
// expandSpeed - default = 500 (ms); use -1 for no animation
// collapseSpeed - default = 500 (ms); use -1 for no animation
// expandEasing - easing function to use on expand (optional)
// collapseEasing - easing function to use on collapse (optional)
// multiFolder - whether or not to limit the browser to one subfolder at a time
// loadMessage - Message to display while initial tree loads (can be HTML)
//
// History:
//
// 1.01 - updated to work with foreign characters in directory/file names (12 April 2008)
// 1.00 - released (24 March 2008)
//
// TERMS OF USE
//
// This plugin is dual-licensed under the GNU General Public License and the MIT License and
// is copyright 2008 A Beautiful Site, LLC.
//
if (jQuery) (function ($) {
$.extend($.fn, {
fileTree: function (o, h) {
// Defaults
if (!o) var o = {};
if (o.root == undefined) o.root = '/';
if (o.script == undefined) o.script = 'jqueryFileTree.php';
if (o.folderEvent == undefined) o.folderEvent = 'click';
if (o.expandSpeed == undefined) o.expandSpeed = 500;
if (o.collapseSpeed == undefined) o.collapseSpeed = 500;
if (o.expandEasing == undefined) o.expandEasing = null;
if (o.collapseEasing == undefined) o.collapseEasing = null;
if (o.multiFolder == undefined) o.multiFolder = true;
if (o.loadMessage == undefined) o.loadMessage = 'Loading...';
$(this).each(function () {
function showTree(c, t) {
$(c).addClass('wait');
$(".jqueryFileTree.start").remove();
$.post(o.script, { dir: t }, function (data) {
$(c).find('.start').html('');
$(c).removeClass('wait').append(data);
if (o.root == t) $(c).find('UL:hidden').show(); else $(c).find('UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
bindTree(c);
});
}
function bindTree(t) {
$(t).find('LI A').bind(o.folderEvent, function () {
if ($(this).parent().hasClass('directory')) {
if ($(this).parent().hasClass('collapsed')) {
// Expand
if (!o.multiFolder) {
$(this).parent().parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
$(this).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');
}
$(this).parent().find('UL').remove(); // cleanup
showTree($(this).parent(), escape($(this).attr('rel').match(/.*\//)));
$(this).parent().removeClass('collapsed').addClass('expanded');
} else {
// Collapse
$(this).parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
$(this).parent().removeClass('expanded').addClass('collapsed');
}
h($(this).attr('rel')); //Testing how to get the folder name to display... Works fine.
} else {
h($(this).attr('rel')); //Calls the callback event in the calling method on the page, with the rel attr as parameter
}
return false;
});
// Prevent A from triggering the # on non-click events
if (o.folderEvent.toLowerCase != 'click') $(t).find('LI A').bind('click', function () { return false; });
}
//ASN: I think it starts here, the stuff before are just definitions that need to be called here.
// Loading message
$(this).html('<ul class="jqueryFileTree start"><li class="wait">' + o.loadMessage + '<li></ul>');
// Get the initial file list
showTree($(this), escape(o.root));
});
}
});
})(jQuery);
Итак, короткая история: я не понимаю, как здесь работают пути к файлам. Просто указав «/» в качестве корневого каталога, похоже, работает как относительный путь (поскольку в окне предупреждения отображается только относительный путь), но он дает мне файловое дерево корня (c :) моего компьютера. Итак, как мне работать с этим, чтобы вместо этого использовать относительный путь моего веб-приложения и при этом получать правильные пути, с которыми я могу работать?
Любая помощь приветствуется!