Jquery文件上传将图像附加到列表

Question

我使用Jquery File Upload插件将图像上传到云端（Cloudinary）。 Cloudinary提供帮助我可以用来从云中获取这些图像。我想使用这个助手将图像附加到列表中，但不知何故图像不在li（见截图），我不知道为什么。我没有想法，需要你的帮助。请建议我如何将图像附加到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');