Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 14.04.2021
Сообщений: 16

Файловый input

04.05.2022, 22:32. Показов 517. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть input
HTML5
1
 <input type="file" id="file1"  class="img_tovara" style="height: 50px; width: 500px;" />
Хочу чтобы когда я выбирал товар, мне вписывался полный путь, но нигде не могу найти как это реализовать

Добавлено через 2 минуты
Просто если добавлять его так в базу, то в базе не корректный путь до картинки.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
04.05.2022, 22:32
Ответы с готовыми решениями:

Одинаковая ширина для полей input text & input password
Никак не получается выровнять ширину двух тектовых полей: input type='text' и input type='password' Помогите, пожалуйста.

Получить названия файлов из input file в input text
Как переместить названия файла из input type file в input type text с помощью javascript?

Как реализовать на месте input button просто input?
Приветствую всех. Есть кнопка. Помогите реализовать логику. По нажатию на кнопку , появляется текст , а под ним input. Спасибо...

3
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3844 / 1703 / 431
Регистрация: 14.03.2022
Сообщений: 4,346
04.05.2022, 23:30
Chappik, <input type="file" /> работает как он реализован в браузере... От наших хотелок не особо тут зависит.

Добавлено через 6 минут
Chappik, как вариант, можно отображать картинки...
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<!--
-->
<style>
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
    $('#i_file').change( function(event) {
        const tmppath = URL.createObjectURL(event.target.files[0]);
        $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));
 
        $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>");
    });
})
</script>
</head>
<body>
<input type="file" id="i_file" value=""> 
<input type="button" id="i_submit" value="Submit">
<br>
<img src="" width="200" style="display:none;" />
<br>
<div id="disp_tmp_path"></div>
</body>
</html>
https://stackoverflow.com/ques... -using-jav
1
0 / 0 / 0
Регистрация: 14.04.2021
Сообщений: 16
05.05.2022, 16:34  [ТС]
Да но видишь, когда я буду добавлять эту картинку в базу, в базе пишется левый путь и на сайте не выводит эту картинку
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3844 / 1703 / 431
Регистрация: 14.03.2022
Сообщений: 4,346
05.05.2022, 16:38
Цитата Сообщение от Chappik Посмотреть сообщение
когда я буду добавлять эту картинку в базу, в базе пишется левый путь
Значит данный инпут тебе не подходит.
Используй type='text' и пиши тот путь, который не будет давать таких ошибок...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.05.2022, 16:38
Помогаю со студенческими работами здесь

Изменение цвета поля Input при наборе текста (именно при наборе,а не при установке курсора мышки в поле Input)
Добрый день всем! Подскажите пожалуйста код, позволяющий сделать следующие действия. Есть поле Input и в нем необходимо сделать так,...

Файловый менеджер elfinder. Как привязать к input?
Привязываю к сайту файловый менеджер elfinder. Подключил на отдельную страницу и интегрировал в редактор ckeditor согласно документации....

Как изменить стиль input во время заполнения другого input PHP с js
У меня есть два input-а &lt;input id=&quot;pass&quot; required type=&quot;password&quot; name=&quot;passwordUserReg&quot; placeholder=&quot;Пароль&quot;&gt;&lt;br&gt; &lt;input...

Как добавить значение value одного input в заполненнный value другого input на той же страницы
Здравствуйте, уважаемые специалисты! По нику моему понятно, кто я..)) Не сочтите за труд, подскажите пожалуйста, как справится со...

Как вставить в input с маской от jQuery Masked Input
Здравствуйте. Создал такую маску для ввода карты $('#card').mask(&quot;9999 9999 9999 9999&quot;); Есть ли какие либо...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru