图片上传预览

<div class="form-group">            <label for="img">图片</label>            <input type="file" id="upload" name="img" class="" id="img"  >        </div>        <div class="form-group" style="display: block">            <img src="" alt="" class="img-rounded" id="pic" style="width: 140px;height: 140px;">        </div> $(function(){        $("#upload").on("change",function(){            var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径            if (objUrl) {                $("#pic").attr("src", objUrl) ;            }        });    });    function getObjectURL(file) {        var url = null ;        if (window.createObjectURL!=undefined) { // basic            url = window.createObjectURL(file) ;        } else if (window.URL!=undefined) { // mozilla(firefox)            url = window.URL.createObjectURL(file) ;        } else if (window.webkitURL!=undefined) { // webkit or chrome            url = window.webkitURL.createObjectURL(file) ;        }        return url ;    }