html上传图片并显示

最新推荐文章于 2023-09-05 18:56:13 发布

thankful_chn

最新推荐文章于 2023-09-05 18:56:13 发布

阅读量3.4k

点赞数 1

分类专栏： html 文章标签： file loadfile

本文链接：https://blog.csdn.net/u011385445/article/details/46225039

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

function loadFile() {
        try {
        //获取上传的文件
            var file = document.getElementById('filemulti').files[0];
            var type = file.type;
            type = type.substring(0, type.indexOf('/'));
            if (type != 'image') {
                Common.error("请选择一个jpg|gif|png 格式图片");
                return;
            }
            var size = file.size;
            if (size > (100 * 1024)) {
                alert("图片大小不能超过100Kb");
                return;
            }
            var reader = new FileReader()
            reader.onload = function (e) {
                var result = e.target.result;
                //将图片显示到<img>中
                $("#loadFileImg").attr("src", result);
            }
            reader.readAsDataURL(file);
        } catch (e) {
            console.log(e)
        }
    }