css上传出现问题

最近在做一个上传图片的功能，使用了css样式来美化上传按钮，但是在测试的时候发现上传图片会出现问题。

在页面上的上传按钮使用了如下的样式：

input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
} 

这个样式的作用是让上传按钮透明，然后覆盖在我们设计好的图片背景上，让用户点击图片时自动触发上传文件的功能。

然而测试的时候发现，上传图片的时候会出现选择同一个图片但是无法上传的情况，原因是因为在上传完之后，上传按钮并没有被重置，导致我们再上传同一张图片的时候无法触发上传按钮的事件。

解决这个问题的方法是在上传完图片后，需要手动将上传按钮的value值设置为''，这样下次选择同一张图片时就会触发上传按钮的事件了。

$('#upload-btn').on('change', function() {
    //上传完图片后需要将input的value设置为''
    $(this).val('');
}); 

总之，在使用css样式美化上传按钮时，要注意上传完图片后需要重置上传按钮的value值，以免出现上传不成功的情况。