<div>
        <img src=http://www.mamicode.com/"@pic.Path" id="img" style="width:200px;height:200px;" />
        <form id="form_photo" method="post" action="/N/SavePhoto?id=1">
            <input style=" display:none" type="file" name="file" id="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" />
            <input type="hidden" name="HeadImg" />
            <input type="button" value=http://www.mamicode.com/"提交" onclick="savePhoto(1)" />
        </form>
    </div>

/*=============File控件选择图片的时候在Html5下马上预览=================*/
    function InitFile(fileId, imgId) {

        $("#" + imgId).click(function () {
            $("#" + fileId).trigger("click");
        });

        document.getElementById(fileId).onchange = function (evt) {
            // 如果浏览器不支持FileReader，则不处理  
            if (!window.FileReader) return;
            var files = evt.target.files;
            for (var i = 0, f; f = files[i]; i++) {
                if (!f.type.match(‘image.*‘)) {
                    continue;
                }
                var reader = new FileReader();
                reader.onload = (function (theFile) {
                    return function (e) {
                        // img 元素  
                        document.getElementById(imgId).src =http://www.mamicode.com/ e.target.result;
                    };

                })(f);
                reader.readAsDataURL(f);

            }
        }

    }


    InitFile("file", "img"); //h5选择图片加载