我上传了多个选择的文件表单。
<span class="btn btn-default btn-file">
Browse <input type="file" name="image[]" id="image" onchange="preview_image();" multiple/>
</span>
<div class="image_preview"></div>
然后在选择文件后,它将显示图像缩略图预览,并为每个图像显示删除操作。
function preview_image()
{
var total_file = document.getElementById("image").files.length;
if($("#totalImageList").val() == "")
{
var totalImageList = 0;
}
else
{
var totalImageList = $("#totalImageList").val();
}
var total = parseInt(total_file)+parseInt(totalImageList);
$(".uploadError").hide();
if((total) < 6)
{
$("#totalImageList").val(total);
for(var i=0;i<total_file;i++)
{
$('.image_preview').append("<div class='imageList'><img src='"+URL.createObjectURL(event.target.files[i])+"'/><div class='removeImage'>Remove</div></div>");
$(".removeImage").click(function()
{
$(this).parent(".imageList").remove();
$("#totalImageList").val($(".imageList").length);
});
}
}
else
{
$(".uploadError").show();
}
}
现在我希望当我点击图片特定的删除时,它只会清除特定图片的值删除点击。
怎么做?
答案 0 :(得分:0)
要删除点击图片,只能按以下方式执行。
$('.removeImage').on('click', function(){
$(this).parent().remove();
});
&#13;