File Upload

Тема в разделе "Lotus - Программирование", создана пользователем StarikStarik2705, 13 дек 2012.

  1. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    жаль картинку для наглядности нельзя кинуть, в общем есть в Лотусе File Upload штука с помощью которой в браузере можно добавить файл. Опустим пока куда просто добавить. так вот в ФФ и ИЕ проблем нет, а вот Хром блеснул. Иконка "Выбрать файл" есть а вот строки инпута рядом нет, вместо него там написано "Файл не выбран". может кто сталкивался как это лечить?
     
  2. Kizarek86

    Kizarek86 Lotus team
    Lotus team

    Регистрация:
    20 июл 2007
    Сообщения:
    857
    Симпатии:
    5
  3. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    это понятно, у нас к сожелению используеться Dojo только, как можно Хрому сказать рисовать то что надо? но там не простой инпут, он часть обьекта FileUpload в Лотусе. На форме его добавляешь и в браузере видно "Выбрать файл"и инпут.
     
  4. Kizarek86

    Kizarek86 Lotus team
    Lotus team

    Регистрация:
    20 июл 2007
    Сообщения:
    857
    Симпатии:
    5
    Ну там описано как это сделать, ничего не машает написать тоже самое на голом JS или с Dojo.
    Почитайте пост.

    Общая канва там такая, если лень читать.
    Стандартный инпут "скрывается" (не хайдом, а поверх его рисуется свой элемент).
     
  5. lmike

    lmike нет, пердело совершенство
    Команда форума Lotus team

    Регистрация:
    27 авг 2008
    Сообщения:
    6.083
    Симпатии:
    300
    dojo у вас к счастью ;)...
    а посмотреть что не так - открыть консоль разработчика
     
  6. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    в общем то что я нарыл это просто глюк прорисовки инпута в Хроме. File upload в браузере это <input id="file0" class="Upload" type="file" name="%%File.c22575c3002fd6e5.316c34f805b88cfac22576800039b0c2.$Body.0.1416"> вот такая шняга когда) и проблема в хроме именно прорисовать ЭТО)
     
  7. Kizarek86

    Kizarek86 Lotus team
    Lotus team

    Регистрация:
    20 июл 2007
    Сообщения:
    857
    Симпатии:
    5
    Еще раз, это НЕ ПРОБЛЕМА!
    Тег <input type="file"> является стандартным элементом HTML, и браузер прорисовывает его по своему.
     
  8. AndreKv

    AndreKv New Member

    Регистрация:
    13 ноя 2012
    Сообщения:
    4
    Симпатии:
    0
    Так а собственно - что лечить?!? )) Тыкаешь "Выбрать файл" - и выбираешь! ) Я на это - вообще не обращал внимания. )
    Ну, я заметил, что оно по разному в разных браузерах отрисовывает File Upload, но не могу сказать, что это - бага. )
    На то она и кнопка, чтобы выбирать файл через окошко. )
     
  9. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    Лечить надо отображение инпута в Хроме) короче ныряю в ява скрипт)
     
  10. Kizarek86

    Kizarek86 Lotus team
    Lotus team

    Регистрация:
    20 июл 2007
    Сообщения:
    857
    Симпатии:
    5
    Немного css, javascript вообще пара строк)
     
  11. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    это для тех кто отстреливает)
     
  12. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    вы знаете справился, вот пример стиля:
    border: 1px solid #C0C0C0;height: 23px;width: 380px;border: 1px solid #C0C0C0; size:30;font-size: 12px; padding: 0px 3px 0px; line-height: 16px
    но кто то знает как убрать слово "Файл не выбран"?
     
  13. VladSh

    VladSh начинающий
    Lotus team

    Регистрация:
    11 дек 2009
    Сообщения:
    1.251
    Симпатии:
    2
    Может, я чё-то не то ляпну... но не думал, что с File Upload могут быть проблемы. Сейчас любой браузер поддерживает HTML5; ребята php'шники рассказывали, что используют его, и никаких проблем под любым браузером.
     
  14. lmike

    lmike нет, пердело совершенство
    Команда форума Lotus team

    Регистрация:
    27 авг 2008
    Сообщения:
    6.083
    Симпатии:
    300
    шрифт сделать фоновым цветом, а на событие - делать видимым
     
  15. StarikStarik2705

    StarikStarik2705 Well-Known Member

    Регистрация:
    8 фев 2012
    Сообщения:
    103
    Симпатии:
    0
    спасибо всё решил)
    в общем сделал так, может примитивно но зато работает:
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">css</div></div><div class="sp-body"><div class="sp-content"><!--shcode--><pre><code class='css'><style>
    .blockInput {
    position: absolute;
    margin-top:-26px;
    margin-left:+102px;
    height: 23px;
    width: 200px;
    border: 0px solid #C0C0C0;
    size:30;
    font-size: 12px;
    padding: 0px 3px 0px;
    line-height: 16px;
    }
    </style>[/CODE]этот инпут вставить перед тем который вам не нравиться <input type="text" class = "blockInput" id = "blockInput" readonly>
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">script</div></div><div class="sp-body"><div class="sp-content"><!--shcode--><pre><code class='html'><script>
    var ua = navigator.userAgent.toLowerCase();
    if (window.chrome || ua.indexOf("safari") != -1){
    document.getElementById("blockInput").style.display = "block";
    }else{
    document.getElementById("blockInput").style.display = "none";
    }
    </script>[/CODE]и в результате перед "Выбрать файл" в Сафари и Хроме не будет "Файл не найден"

    Благодарю вас за правильную наводку)
     
  16. VladSh

    VladSh начинающий
    Lotus team

    Регистрация:
    11 дек 2009
    Сообщения:
    1.251
    Симпатии:
    2
    Читал, что теперь проверку "что за браузер" делать некорректно, и сейчас это является чуть ли не дурным тоном. В HTML5 добавили методы для определения "а поддерживается ли этот метод и т.п., браузером?", т.е. сейчас проверяется просто наличие реализованного функционала, - код получается универсальным.
    О5 же, наименования методов не называю, т.к. не помню, - сейчас я как та сорока: "Слышал звон, да не вырубишь топором"; так что только идея. Если раскопаете, поделитесь плз.
     
  17. hosm

    hosm * so what *

    Регистрация:
    18 май 2009
    Сообщения:
    2.450
    Симпатии:
    7
    VladSh переместила в программирование. там не про XPages - простая олдскульная веб-форма для добавления вложений.
     
  18. VladSh

    VladSh начинающий
    Lotus team

    Регистрация:
    11 дек 2009
    Сообщения:
    1.251
    Симпатии:
    2
    OKEN
    Я думал, что это же м.б. использовано и в XPages. Ок.
     
Загрузка...
Похожие Темы - File Upload
  1. swyatogor
    Ответов:
    30
    Просмотров:
    1.210
  2. alxndr
    Ответов:
    3
    Просмотров:
    662
  3. Amfion
    Ответов:
    7
    Просмотров:
    667
  4. susinmn
    Ответов:
    1
    Просмотров:
    1.002
  5. NickProstoNick
    Ответов:
    4
    Просмотров:
    1.329

Поделиться этой страницей