javascript – 文件输入元素的更改事件

前端之家收集整理的这篇文章主要介绍了javascript – 文件输入元素的更改事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有4个文件输入,我想要它们触发上传过程,当它们的值改变时.
我的意思是当你选择一个图片并点击打开选择图像对话框,上传图片的脚本被触发.我使用了onchange事件,但我认为这不是正确的事件:

JS:

$("input[type=file]").on('change',function(){
    alert(this.val());//I mean name of the file
});

HTML:

<div class="form-group col-md-11 col-md-offset-1">
    <input type="file" name="photos[]">
    <input type="file" name="photos[]">
    <input type="file" name="photos[]">
    <input type="file" name="photos[]">
</div>

我该怎么办?

解决方法

OnChange活动是一个不错的选择.但如果用户选择相同的图像,则不会触发事件,因为当前值与上一个值相同.

例如,图像与宽度已更改相同,应将其上传到服务器.

为了防止这个问题,你可以使用下面的代码

$(document).ready(function(){
    $("input[type=file]").click(function(){
        $(this).val("");
    });

    $("input[type=file]").change(function(){
        alert($(this).val());
    });
});

猜你在找的JavaScript相关文章