Как отобразить изображение в форме с помощью JavaScript

Question

Я работаю над доской задач.Я хочу отобразить изображение из формулы и отобразить его.Вы можете проверить мой код (просто функцию), чтобы понять, что я хочу сделать.

function createIssueTemplate({
  id,
  status,
  description,
  severity,
  assignedTo,
  /*<img src='${image}'></img>*/
  image
}) {
  return (
    `<div class="well">
        <h6>Issue ID:  ${id} </h6>
        <p><span class="label label-info">${status}</span></p>
        <h3>${description}</h3>
        <p><span class="glyphicon glyphicon-time"></span>${severity}
        <span class="glyphicon glyphicon-user"></span>${assignedTo}</p>
        <a href="#" class="btn btn-warning" onclick="setStatusClosed('${id}')">Close</a>
        <a href="#" class="btn btn-danger" onclick="deleteIssue('${id}')">Delete</a> <br> <br>
    </div>`
  );
}

Answer 1

Проблема связана с вашим синтаксисом в аргументах функции. Вы поместили туда объект вместо имен отдельных аргументов. Если вы исправите это, то ваша логика работает нормально:

function createIssueTemplate(id, status, description, severity, assignedTo, image) {
  return `<div class="well">
    <h6>Issue ID:  ${id} </h6>
    <p><span class="label label-info">${status}</span></p>
    <h3>${description}</h3>
    <p><span class="glyphicon glyphicon-time"></span>${severity}
    <span class="glyphicon glyphicon-user"></span>${assignedTo}</p>
    <a href="#" class="btn btn-warning" onclick="setStatusClosed('${id}')">Close</a>
    <a href="#" class="btn btn-danger" onclick="deleteIssue('${id}')">Delete</a> <br> <br>
    <img src='${image}'></img>
  </div>`
}

$('#foo').append(createIssueTemplate('Id', 'Status', 'Description', 'Severity', 'AssignedTo', 'Image.jpg'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="foo"></div>