Как показать img в приложении Laravel с использованием JavaScript - PullRequest
1 голос
/ 19 сентября 2019

Я работаю в Ларавеле, чтобы распечатать значок и билет.У меня есть одна проблема.Изображение не отображается, даже если ссылка правильная, с помощью Javascript, но если я добавил это изображение непосредственно в HTML, то оно работает очень хорошо.

function printdiv(divID) {
  var nom = document.getElementById('nom').value;
  var prenom = document.getElementById('prenom').value;
  var token = $("input[name='_token']").val();
  @foreach($champs as $input)
  var {{ $input - > formInputs - > input }} = document.getElementById('{{  $input->formInputs->input }}').value;
  @endforeach

  $.ajax({
    url: "<?php echo route('printform',['id'=> $id]) ?>",
    method: 'POST',
    data: {
      nom: nom,
      prenom: prenom,
      _token: token
      @foreach($champs as $input), 
        {{ $input - > formInputs - > input }}: {{ $input - > formInputs - > input }}
      @endforeach
    },
    success: function(data) {
      var qr = document.createElement("img");
      qr.src = "{{  url('/') }}/qrcodes/{{ Session::get('qrcode')}}";
      document.getElementById('imgq').appendChild(qr);

      $.post('', {
        "from": "HM43",
        "nom": nom,
        "prenom": prenom
      });

      document.all.item(divID).innerHTML = "<h2 style='text-align:center; font-size:50px'>  " + nom + " " + prenom + "<br> </h2>";
      @foreach($champs as $input)
        document.all.item(divID).innerHTML += "<h2 style='text-align:center; font-size:46px'> " + {{ $input - > formInputs - > input }} + "<br> </h2> ";
      @endforeach

      document.all.item(divID).innerHTML += "<img src='{{  url('/') }}/qrcodes/{{ Session::get('qrcode')}}' style='width:100PX' />";
      var headstr = "<html><head><title></title></head><body  style='width: 350px'>";
      var footstr = "</body>";
      var newstr = document.all.item(divID).innerHTML;
      var oldstr = document.body.innerHTML;
      document.body.innerHTML = headstr + newstr + footstr;
      window.print();
      document.body.innerHTML = oldstr;
      document.all.item(divID).innerHTML = "";
      return false;
    }
  });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...