监听 input上传文件，获取文件名称，

作者: ZHANG风云江湖
来源: 51数据库
2021-08-11

<div class="import-box pr" >
    <span class="model-address-txt">导入文件：</span>
    <input type="text" class="address-input js_address-input input-wid" readonly>
    <label class="file-box" for="file">
        <span class="look-file">浏览</span>
        <input id="file" type="file" class="file-input js_file-input" >
    </label>
</div>

//监听input
$(".js_file-input").on("change",function (e) {
   var e = e || window.event;
   //获取 文件 个数 取消的时候使用
   var files = e.target.files;
   if(files.length>0){
       // 获取文件名 并显示文件名
       var filename = files[0].name;
       $(".js_address-input").val(filename);
   }else{
       //清空文件名
       $(".js_address-input").val("");
   }
});

获取 event下的target的name值，利用 length为判断条件，小伙伴，可以先打印一下看看，这样利于理解，不喜勿喷！谢谢