图片预览

 <div class="banner">
                            <img src="" id="preview"/>
                            <input class="file" type="file" name="myfile" value="">
                        </div>

js部分

<script>
    $(function () {
        $("input[name='myfile']").change(function () {
            preview(this);
        });
        //图片预览
        function preview(file) {
            var prevDiv = $("#preview");
            if (file.files && file.files[0]) {
                var reader = new FileReader();
                reader.onload = function (evt) {
                    prevDiv.attr("src",evt.target.result);
                }
                reader.readAsDataURL(file.files[0]);
            }
            else {
                prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
            }
        };
    })

</script>