在asp.net中上传和预览图片

时间:2014-03-13 07:51:49

标签: asp.net

我想在上传图像后立即从客户端计算机浏览图像,它将显示预览,当客户端(I)保存详细信息时,它将保存在数据库中。 以及该图像将显示在页面

我有fileuploader

<style type="text/css">
    #newPreview
    {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
    }
</style>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css "
    rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js "></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js "></script>
<script language="javascript" type="text/javascript">
    function PreviewImg(imgFile) {
        if (navigator.appName != "Netscape") {
            var newPreview = document.getElementById("newPreview");
            newPreview.style.display = "";
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
            newPreview.style.width = "250px";
            newPreview.style.height = "200px";
        }
        else {
            if (imgFile.files && imgFile.files[0]) {

                var reader = new FileReader();
                $('[id*=divFirfox]').css("display", "block");
                reader.onload = function (e) {
                    $('#blah')
                .attr('src', e.target.result)
                .width(250)
                .height(200);
                };
                reader.readAsDataURL(imgFile.files[0]);
            }
        }
    }
</script>

现在我该如何从数据库中检索图像? 像link

这样的东西

0 个答案:

没有答案