我正在使用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>