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);

  }

復制直接使用