龙空技术网

js实现图片没有上传服务器本地预览功能

轻风行云 136

前言:

当前你们对“js预览本地图片”大体比较关怀,小伙伴们都需要分析一些“js预览本地图片”的相关资讯。那么小编也在网络上网罗了一些关于“js预览本地图片””的相关知识,希望看官们能喜欢,姐妹们一起来学习一下吧!

在上传图片的时候,经常需要预览一下,这时候为了避免服务器资源占用,可以在上传服务器之前本地预览

<html><head>    <title></title></head><body>    <img id="image" scr="" />    <input type="file" onchange="selectImg(this);" /></body><script type="text/javascript">    var image = "";    console.log(123);    function selectImg(file) {        if (!file.files || !file.files[0]) {            return;        }        var reader = new FileReader();        reader.onload = function(e) {            document.getElementById('image').src = e.target.result;            image = e.target.result;        }        reader.readAsDataURL(file.files[0]);    }</script></html>

上传图片前

上传图片后:

标签: #js预览本地图片 #服务器无法上传图片