图片上传预览

最新推荐文章于 2021-08-02 09:43:56 发布

Arisbin

最新推荐文章于 2021-08-02 09:43:56 发布

阅读量371

点赞数

分类专栏： java html5 文章标签： HTML5 图片预览

本文链接：https://blog.csdn.net/u013785484/article/details/78534957

版权

1 篇文章 0 订阅

订阅专栏

function showImage(fileElement){

var span = document.getElementById("show");

//判断浏览器是否支持文件预览

if(!window.FileReader){

span.innerHTML = "你的浏览器不支持图片上传预览功能";

return;

}

var file = fileElement.files[0];

//用正则表达式判断是否是图片类型

if(!/^image\/\w+$/.test(file.type)){

alert("请按规矩出牌");

return;

}

var reader = new FileReader();

reader.readAsDataURL(file);

reader.οnlοad=function(e){

span.innerHTML = "<img src="+reader.result+" alt='this is a img'/>";

}

</script>

</head>

<body>

<legend>图片文件上传预览</legend>

</fieldset>

</form>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注