下面是我用来使用JQuery将用户以模式输入的特定输入值添加到表中的代码,但是我在将图像输入到表中很费力,用户会使用文件选择他们想要的图像使用ID为的表单输入#insert-image
。这是我到目前为止无法使用的代码:
$("#btnAdd").on('click', function() {
if ($("#insert-image").val() !== '' && $("#insert-name").val() !== '' && $("#insert-surname").val() !== '') {
var imagePrep = $("#insert-image").val().replace(/C:\\fakepath\\/i, '');
let row = '<tr> <td>' + "image" + '</td> <td>' + $("#insert-name").val() + '</td> <td>' + $("#insert-surname").val() + '</td> <td>' + "edit" + '</td> <td>' + "delete" + '</td> </tr>'
$('tbody').append(row);
$('td:contains("image")').html("<img src="images/imagePrep" alt="selected-image">").addClass("text-center");
$('td:contains("edit")').html("<i class='fas fa-edit'></i>").addClass("text-center edit edit:hover")
$('td:contains("delete")').html("<i class='far fa-trash-alt'></i>").addClass("text-center delete delete:hover").attr("id", "btnDelete").on('click', function() {
$(this).parent('tr').remove();
});
}
});
所以基本上有问题的行是这样的:
$('td:contains("image")').html("<img src="images/imagePrep" alt="selected-image">").addClass("text-center");
任何帮助将非常感激。
我要做的就是修复引号,以便将imagePrep
变量添加到中tag
。
这是更正的代码:
$('td:contains("image")').html("<img src=" + imagePrep + " alt='selected-image'>").addClass("text-center");
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句