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

Javascript Jquery文件上载将图像附加到列表,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我使用Jquery文件上传插件将图像上传到云(Cloudinary)。Cloudinary提供了我可以用来从云中获取这些图像的帮助器。我想使用此帮助程序将图像附加到列表中,但不知何故,图像不在列表中(请参见屏幕截图),我不知道为什么。我没有主意了,需要你的帮助。请建议我如何将图像附加到li 以下是我的做法: var preview = $('.uploaded_image ul').append('<li></li>'); $.cloudinary.image(

我使用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);
var preview=$('.upload_image ul')。追加('
  • '); $.cloudinary.image(data.result.public_id,{格式:data.result.format,宽度:250,高度:135,裁剪:“fill”});

    ()

    您的
    预览版仍在引用
    。上载的图像是ul
    而不是新的
  • ,因此您基本上是将图像附加到

    快速修复:

        // Change this:
        //var preview = $('.uploaded_image ul').append('<li></li>');
        // To this:
        var preview = $('<li></li>').appendTo('.uploaded_image ul');
    
    //更改此选项:
    //var preview=$('.upload_image ul')。append('
  • '); //为此: 变量预览=$('
  • ')。附加到('.upload_image ul');