选择本地文件上传控件 input标签

      html 


     <div class="upload-button">
                <span style="position: absolute;text-align: center;width: 135px;left:0;">上传封面图片</span>
                <input type="file" id="input-file"/>
     </div>

　　js

//        获取本地图片信息
        $("#input-file").on("change", function() {
//            this.file[0] 得到文件的基本信息
            var fileName = this.files[0].name;
            var url = ‘img/‘+fileName
            // 打印原始File对象
            console.log(fileName)
            console.log(url);

.upload-button{
    position: relative;
    float: right;
    background: #fa4a5f;
    height: 40px;
    font-size: 19px;
    color:#fff;
    width: 135px;
    line-height: 40px;
    text-align: center;
    margin-top:25px;
    border-radius:20px;
    box-shadow:#fa4a5f 0 0 30px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
}
#input-file{
     opacity: 0;
     position: absolute;
     cursor: pointer;
}