二次上传图片onchange不生效问题

input框图片上传时,删掉一张图片,再重新上传时onchange不生效问题

在做图片上传的功能时,当我们上传一张图片,使用删除功能将其删除,再重新上传这张图片,发现并没有变化,也不能上传成功.问题原因:onchange的触发条件是当input框的value值发生变化时才会触发,当我们上传同一张照片时,value值并没有变化,所以上传不成功.

解决办法

1.在删除方法中置空input

// An highlighted block
$("#id").find('input').val('');

2.来回切换input属性
当我们每次删除图片后,改变input的type属性,将其先变成text,删除成功后变为file,再上传就可以了

// An highlighted block
$("#id").attr('type','text');
$("#id").attr('type','file');