如何在正确的行中显示此消息,而不是在所有行中显示此消息
How to display this message within the correct row, not within all rows
下面是它显示删除消息的代码,但它在每一行中都显示它,这是不正确的,它应该显示在;y显示在删除文件的行中:
var counter = 0;
function stopImageUpload(success, imagefilename){
var result = '';
counter++;
if (success == 1){
result = '<span class="imagemsg'+counter+'">The file was uploaded successfully!</span><br/><br/>';
$('.listImage').eq(window.lastUploadImageIndex).append('<div>' + htmlEncode(imagefilename) + '<button type="button" class="deletefileimage" image_file_name="' + imagefilename + '">Remove</button><br/><hr/></div>');
}
else {
result = '<span class="imageemsg">There was an error during file upload!</span><br/><br/>';
}
$(".deletefileimage").on("click", function(event) {
var image_file_name = $(this).attr('image_file_name');
jQuery.ajax("deleteimage.php?imagefilename=" + image_file_name)
.done(function(data) {
$(".imagemsg" + counter).html(data);
});
$(this).parent().remove();
});
return true;
}
结果变量在图像上传中调用.php:
回调:
<script language="javascript" type="text/javascript">window.top.stopImageUpload(<?php echo $result ? 'true' : 'false'; ?>, '<?php echo $_FILES['fileImage']['name'] ?>');</script>
这是此处的应用程序链接。
请这样做,单击"添加"按钮两次,在两行中使用文件输入上传图像。在两行中,它将声明文件上传成功,并将在各自行的底部显示两个文件的名称。现在通过单击删除按钮删除文件,您将看到消息(文件已删除)显示在两行中,它应该只显示在从中删除文件的行中
因为你在函数内初始化计数器,所以它将是一个局部变量,因此每次的值都是零。您需要在函数外部初始化它。
相关文章:
- 如果localstorage为空,则显示欢迎消息
- 消息显示之外的淘汰验证
- ng消息仅在触摸时显示错误,并在错误的初始显示上转换
- 显示服务工作者状态的消息
- 如果用户输入的长度小于最小长度,则显示错误消息
- 当我的条件为true时,显示一条弹出消息
- 为我的rails应用程序显示javascript弹出消息
- javascript文本验证不起作用.警报消息没有't显示
- 如何在asp.net按钮上显示Bootstrap Autocloseable警报消息
- Parsleyjs:如何取消默认消息显示
- 有角度的ng消息显示ng重复表单上的错误
- 为什么我的 JS 代码没有将消息显示到 HTML 页面
- 如何停止 PHP 脚本的响应消息显示为页面的唯一内容
- 错误消息显示在所有分区中
- 警报消息显示我的逻辑是正确的,但谷歌Chrome's的html输出查看器显示不同的内容
- 插件Jquery Validation的错误消息显示不正确
- 鼠标悬停消息显示在图像的某些部分
- 检查文件是否存在,根据消息显示jQuery
- Jquery错误消息显示在每个字段上
- 当错误消息显示用户名和密码不匹配时,如何通过Cognito验证用户池中的用户?