上传图片直接预览

最新推荐文章于 2025-09-12 15:58:40 发布

weixin_34326429

最新推荐文章于 2025-09-12 15:58:40 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/maxdeath/blog/796293

2019独角兽企业重金招聘Python工程师标准>>>

html代码

<div id="rrr"></div>
<input type="file" id="hiddenfile" name="image" onchange="getimgload()"/>

js代码

function getimgload(){
    var file=document.getElementById("hiddenfile").files[0];
    var reader=new FileReader();
    reader.onload = function ( event ) {
      var htmlStr = null;
      var src = null;
      if(!/image\/\w+/.test(file.type)){
        alert("文件必须为图片！");
        return false;
      }
        src = event.target.result;
        htmlStr = "<img style='width:50px;height:50px' src='"+src+"'>";
      $("#rrr").html("");
      $("#rrr").append(htmlStr);
    };
    reader.readAsDataURL(file);
  }

复制直接使用

转载于:https://my.oschina.net/maxdeath/blog/796293