input file图片预览

html:

<div >
                        <a class="adda"><input class="imgx" name="img" type="file" multiple="multiple"></a>
                    </div>

js:

$(".imgx").change(function () {
                var fil = this.files
                for(var i=0;i<fil.length;i++)
                {
                    var rea = new FileReader();//这个对象的readAsDataURL方法可以读取图像文件
                    rea.readAsDataURL(fil[i]);
                    rea.onload = function () {
                    var img = $('<a class="imga"><img src="'+ rea.result + '" alt="" class="zs"></a>');
                    img.insertBefore($(".adda"))//这里是把拼接的html插入进去 就能预览图片了
                }
                }
            })