网页图片上传预览

weixin_30764137

于 2018-02-05 17:58:00 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nanxiuyong/p/8418754.html

js代码:

        function imgYL() {
            var preview = document.querySelector('#imgPhoto');
            var file = document.querySelector('#FileUpload3').files[0];
            var reader = new FileReader();
            reader.onloadend = function () {
                preview.src = reader.result;
            }
            if (file) {
                reader.readAsDataURL(file);
            } else {
                preview.src = "";
            }
        }

html代码:

<asp:Image ID="imgPhoto" runat="server" Style="height: 100px; width: 100px;" onerror="javascript:this.src='/UploadFiles/Map/timg.jpg';" />
<asp:FileUpload ID="FileUpload3" runat="server" onchange="imgYL();" />