Jquery文件上傳將圖像追加到列表

Question

我使用Jquery File Upload插件將圖像上傳到雲（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');