有没有办法从asp中获取图像:Image控件(不是来自asp:FileUpload Control)在Asp.net中?

时间:2014-09-05 16:29:44

标签: javascript c# jquery file-upload asp.net-4.0

我正在使用1个asp.net图像控件和1个asp:Fileupload控件。

我使用客户端脚本打开fileupload控件并将图像绑定到图像控件。从服务器端获取映像是可以的,因为我选择了带有服务器端文件上载控件的映像,因此映像文件已经在那里。

但是我可以从imagecontrol获取图像文件吗?我即将测试没有fileupload控件的拖放。

<style type="text/css">

    #upFile
    {
        opacity:0;
    }
</style>


<script type="text/javascript">
        function performClick(node) {
            var evt = document.createEvent("MouseEvents");
            evt.initEvent("click", true, false);
            node.dispatchEvent(evt);
        }

       function ImagePreview(Imagepath) {
        if (Imagepath.files && Imagepath.files[0]) {
            var Filerdr = new FileReader();
            Filerdr.onload = function (e) {
                $('#Image1').attr('src', e.target.result);
            }
            Filerdr.readAsDataURL(Imagepath.files[0]);
        }
    }
    </script>

<td>
        <asp:Image ID="Image1"  runat="server" Width="159px" Height="164px" 
            onClick="return performClick(document.getElementById('upFile'));"/>
</td>
<td>
        <asp:FileUpload ID="upFile" runat="server"  onchange="ImagePreview(this);"/>
</td>

0 个答案:

没有答案