html：

<div class="uploadpit">
  <div class="uploadpit-btn"><span>上传图片</span>
     <input type="file" value="上传图片" onchange="imgPreview(this,'preview_img')" accept="image/*" id="file5" multiple='multiple'>
  </div>
                         
  <div class="preview priv_textword_img" id="preview_img">                             
  </div>
</div>

关于样式，给input ，opacity:0;  (ie兼容性问题，之前文章写有)。

js:

function imgPreview(obj,id) {

    var fl = obj.files.length;
    for (var i = 0; i < fl; i++) {
        var file = obj.files[i];

        console.log(file)

        var reader = new FileReader();
        //读取文件过程方法    
        reader.onloadstart = function(e) {
            console.log("开始读取....");
        }
        reader.onprogress = function(e) {
            console.log("正在读取中....");
        }
        reader.onabort = function(e) {
            console.log("中断读取....");
        }
        reader.onerror = function(e) {
            console.log("读取异常....");
        }
        reader.onload = function(e) {
            console.log("成功读取....");
            if ((file.size / 1024).toFixed(0) > 4096) {
                alert("上传图片不得超过4M！")
                return false;
            } else {
                var imgstr = '<img style="width:100%;" src="' + e.target.result + '"/>';
                var oimgbox = document.getElementById(id);
                var ndiv = document.createElement("li");

                ndiv.innerHTML = imgstr;
                ndiv.className = "img-div";
                oimgbox.appendChild(ndiv);
            }

        }

        reader.readAsDataURL(file);
    }

}