经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JSJS库框架 » jQuery » 查看文章
监听 input上传文件, 获取文件名称,
来源:cnblogs  作者:八十易  时间:2018/9/25 20:07:10  对本文有异议

  1. <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>
  1. //监听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下的targetname值,利用 length为判断条件,小伙伴,可以先打印一下看看,这样利于理解,不喜勿喷!谢谢
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号