Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

jquery - Как получить полный путь? (kirilladw)
Author Message
kirilladw
Заглянувший



Joined: 20 Nov 2009
Posts: 4
Карма: 0
   поощрить/наказать


PostPosted: Fri Nov 20, 2009 4:05 pm (написано за 13 секунд)
   Post subject: jquery - Как получить полный путь?
Reply with quote

Всем здравия и благополучия!
Помогите пожлуйста разобраться с jquery которая была применина к <input type="file"/>,
дабы избавиться от стандартной кнопки "обзора", которую каждый браузер показывает поразному.
Вообщем необходимо после выбора файла получить полный путь этого файла (например "c:\foto\home.gif"), а то jquery показывает только имя типа (home.gif).
Снизу привожу кусок кода...Заранее благодарен...

>>>>index.html
Code (any language): скопировать код в буфер обмена
<html>
<head>

<script src="java/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="java/jquery01.js" type="text/javascript"></script>

<script type="text/javascript">
  $(function() {
      $("input.file_5").filestyle({
          image: "choose-file.gif",
          imageheight : 22,
          imagewidth : 82,
          width : 500
      });

  });
</script>

<style type="text/css">
.file_5 {
    background: #fff;
    color: #888;
}
</style>

</head>
            <form action="">
                <input type="file" class="file_5" /><br />
            </form>
</body>
</html>
>>>>jquery01.js
Code (any language): скопировать код в буфер обмена
/*
 * Style File - jQuery plugin for styling file input elements
 * 
 * Copyright (c) 2007-2009 Mika Tuupola
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Based on work by Shaun Inman
 *   http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
 *
 */

(function($) {
   
    $.fn.filestyle = function(options) {
               
        /* TODO: This should not override CSS. */
        var settings = {
            width : 250
        };
               
        if(options) {
            $.extend(settings, options);
        };
                       
        return this.each(function() {
           
            var self = this;
            var wrapper = $("<div>")
                            .css({
                                "width": settings.imagewidth + "px",
                                "height": settings.imageheight + "px",
                                "background": "url(" + settings.image + ") 0 0 no-repeat",
                                "background-position": "right",
                                "display": "inline",
                                "position": "absolute",
                                "overflow": "hidden"
                            });
                           
            var filename = $('<input class="file">')
                             .addClass($(self).attr("class"))
                             .css({
                                 "display": "inline",
                                 "width": settings.width + "px"
                             });

            $(self).before(filename);
            $(self).wrap(wrapper);

            $(self).css({
                        "position": "relative",
                        "height": settings.imageheight + "px",
                        "width": settings.width + "px",
                        "display": "inline",
                        "cursor": "pointer",
                        "opacity": "0.0"
                    });

            if ($.browser.mozilla) {
                if (/Win/.test(navigator.platform)) {
                    $(self).css("margin-left", "-142px");                   
                } else {
                    $(self).css("margin-left", "-168px");                   
                };
            } else {
                $(self).css("margin-left", settings.imagewidth - settings.width + "px");               
            };

            $(self).bind("change", function() {
                filename.val($(self).val());
            });
     
        });
       

    };
   
})(jQuery);
>>>>jquery-1.3.2.min.js
Code (any language): скопировать код в буфер обмена
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
Back to top
View user's profile Send private message
dimagolov
Участник форума



Joined: 04 Feb 2007
Posts: 1664
Карма: 96
   поощрить/наказать

Location: Christ Church, Barbados

PostPosted: Fri Nov 20, 2009 4:52 pm (спустя 46 минут; написано за 5 секунд)
   Post subject:
Reply with quote

никак

forum.woweb.ru/topic43716.html
Back to top
View user's profile Send private message
kirilladw
Заглянувший



Joined: 20 Nov 2009
Posts: 4
Карма: 0
   поощрить/наказать


PostPosted: Fri Nov 20, 2009 5:38 pm (спустя 46 минут; написано за 7 секунд)
   Post subject:
Reply with quote

Тогда каким образом отправить данные из формы type=file на сервер при отсутствии полного пути?
Back to top
View user's profile Send private message
dimagolov
Участник форума



Joined: 04 Feb 2007
Posts: 1664
Карма: 96
   поощрить/наказать

Location: Christ Church, Barbados

PostPosted: Fri Nov 20, 2009 6:13 pm (спустя 35 минут; написано за 1 минуту 20 секунд)
   Post subject:
Reply with quote

Quote:
каким образом
путем submit-а формы.
данные из формы отправляются браузером и не только jquery, но и JS для этого не нужны и не используются.
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Page 1 of 1    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML