Как получить выбранный путь во входном файле?

Question

Я работаю с сервлетом / JSP.

У меня есть файл входного типа и один img в jsp, и я хотел бы получить его URL к сервлету. Я попробовал это так, но это не сработало, запрос пуст:

JSP:

<script>
   var loadFile = function (event) {
   var output = document.getElementById('imgTpProd');
   output.src = URL.createObjectURL(event.target.files[0]);
                                                                };
</script>

<label id="lblInputFile" for='selecao-arquivo'>Selecionar um arquivo </label>
<input id="selecao-arquivo" name="txturlimage" type="file" accept="image/*" onchange="loadFile(event)">

<div id="imgGrupProd">
   <img src="">
</div>

Servlet:

String s = request.getParameter("txturlimage");

Представьте себе локальное приложение, локальные образы и локальный бд ...

У меня есть таблица продуктов, и у нее есть поле URL изображения, которое пользователь выбирает из входного файла. Мне нужно сохранить путь к изображению в BD.

Это невозможно? И все записи, которые содержат картинки, фотографии профиля, как они сделаны?

Есть ли какое-либо решение без использования javascript и php?

Если нет, я бы хотел простой код javascript / php (с комментариями), я не знаком с языками программирования.

Answer 1

Вы можете использовать невидимый HTML-элемент ввода для хранения URL-адреса блоба изображения.

<input type="hidden" name="hiddenInput" id="myHiddenInput" value=""/>

Внутри функции обратного вызова loadFile () необходимо установить для свойства value этого скрытого поля ввода URL-адрес, например:

var loadFile = function(event) {
  var output = document.getElementById('imgTpProd');
  output.src = URL.createObjectURL(event.target.files[0]);
  document.getElementById('myHiddenInput').value = output.src;
};

Теперь вы можете ссылаться на него из JSP, используя:

String s = request.getParameter("hiddenInput");