Jquery 文件上传附加图片到列表

Question

我使用 Jquery 文件上传插件将图像上传到云端 (Cloudinary)。 Cloudinary 提供我可以用来从云端获取这些图像的帮助程序。我想使用此助手将图像附加到列表中，但不知何故图像不在列表中（请参阅屏幕截图），我不知道为什么。我运行没有想法，需要你的帮助。请建议我还能如何将图像附加到 li？

以下是我的做法：

  var preview = $('.uploaded_image ul').append('<li></li>');
   $.cloudinary.image(data.result.public_id, {format: data.result.format, width: 250, height: 135, crop: "fill"}).appendTo(preview);

()

Answer 1

您的 preview 仍在引用 .uploaded_image ul 而不是新的 <li></li>，因此您基本上是将图像附加到 <ul>。

快速修复：

    // Change this:
    //var preview = $('.uploaded_image ul').append('<li></li>');
    // To this:
    var preview = $('<li></li>').appendTo('.uploaded_image ul');

Jquery 文件上传附加图片到列表

Jquery file upload append images to list

html

javascript

jquery

dom