0

脚本:图片上传脚本,但重点是javascript。

javascript,到目前为止,每次单击“添加图像”按钮时,都会为用户提供一个新字段来上传图像。

问题:该脚本在大多数情况下都有效,但它为用户提供了无限的上传字段。

需要:

  1. 控制用户可以点击“添加图片”按钮的次数,如果用户超过设定的上传文件数量,“添加图片”按钮应该被禁用。
  2. 如果列表中的一个图像被删除,则应再次启用“添加图像”按钮以添加另一个图像。

示例:允许用户上传 3 个成像器。如果用户超过上传,则禁用上传按钮。如果用户删除。应启用图像上传按钮中的一个文件以上传另一个文件,使其与允许上传的文件数量保持一致。

您能给我的任何帮助将不胜感激。谢谢

    $(function()
{   $('#add-file-field').click(function()
    {   $("#addField").append('<div class="added-field"><input type="file" name="data[]"><input type="image" src="delete.png" class="remove-btn" value="Remove"></div>');
    });
    $('.remove-btn').live('click',function()
    {   $(this).parent().remove();  });
    });
4

1 回答 1

0

您可以添加一个隐藏字段并将值设置为您希望允许用户单击上传按钮的最大次数。然后,当您每次从隐藏字段检查该计数时用户上传图像时,

如果计数大于零,则允许用户添加图像并将隐藏字段值计数减 1。

于 2013-04-09T17:47:24.433 回答