Как отобразить URL - внутри события onclick - Функция добавления Jquery

Question

Я использую ajax для загрузки изображения и отображения загруженного изображения с помощью метода jquery append. В этом методе мне нужно добавить событие onclick в соответствующий тег изображения.

Сначала я создаю одну переменную javascript и назначаю путь к изображению. В атрибуте src изображения я определяю переменную js, ее отображение корректно, но событие onclick - ее отображение неправильноя отображаю ниже.

<img src="http://localhost/farhuman/media/com_farhuman/uploads/12102019105542fb9e03695b663514a7bce87e5ff9180bdiwali.png" onclick="addclipart(" http:="" localhost="" farhuman="" media="" com_farhuman="" uploads="" 12102019105542fb9e03695b663514a7bce87e5ff9180bdiwali.png')'="">

вот мой скрипт добавления

var imagepaths="<?php echo JUri::base(); ?>media/com_farhuman/uploads/"+json['code'];

$("#uploadedimgs").append("<div class='col-md-4'><img src='"+imagepaths+"' onClick='addclipart('"+imagepaths+"')'></div>");

Answer 1

Попробуйте использовать backticks для устранения незначительной синтаксической ошибки. Также имейте в виду, что переменная пути должна передаваться в виде строки.

let imagepaths = 'https://res.cloudinary.com/demo/image/upload/w_250,h_250,c_mfit/w_700/sample.jpg';
$("#uploadedimgs").append(`
<div class="col-md-4">
<img src="${imagepaths}" onClick="addclipart('${imagepaths}')" /></div>
`);

function addclipart(path) {
  console.log(path)
}

img {
  max-width: 100px;
}

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<div id="uploadedimgs"></div>