javaScript上传图片预览

<div class="form-group">
    <label for="avatar">头像&nbsp;<font color="#808080">(图片尺寸为180*180,请按照此比例上传)</font></label>
    <input type="file" name="avatar" id="avatar" class="form-control" style="display: none"
           required="required" onchange="preview()">
    <button class="btn btn-default" onclick="putavatar()">点击上传头像</button>

    <script>
        function putavatar() {
            $('#avatar').trigger("click");
        }

        function preview() {
            var r = new FileReader();
            f = document.getElementById('avatar').files[0];
            r.readAsDataURL(f);
            r.onload = function (e) {
                $('#show').css('display','block');
                document.getElementById('show').src = this.result;

            };
        }
    </script>
</div>
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页