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