在ASP中显示图像
在ASP中显示图像
提问于 2017-08-15 20:12:21
我有文件上传控制，我想当我选择图像，然后想要通过jQuery显示在ASP面板中如何做到这一点
<div id="crop-header">
<asp:FileUpload CssClass="cropit-image-input" ID="fileUpEx" runat="server" Width="100%" />
</div>
<asp:Panel ID="pnlCrop" runat="server" CssClass="cropit-preview">
</asp:Panel>
</div>有什么解决方案吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-08-15 23:41:03
为此，您可以使用FileReader。
<asp:FileUpload ID="FileUpload1" runat="server" accept=".bmp,.gif,.jpg,.jpeg,.png" />
<img id="imagePreview" class="imagePreview" style="max-height: 100px; display: none" />
<script type="text/javascript">
$("#<%=FileUpload1.ClientID %>").change(function () {
showImagePreview(this);
});
function showImagePreview(control) {
if (control.files && control.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#imagePreview').attr('src', e.target.result);
$("#imagePreview").show();
}
reader.readAsDataURL(control.files[0]);
}
}
</script>Stack Overflow用户
发布于 2017-08-15 20:56:11
你可以使用任何jquery文件上传器。您可以使用的其中一个是
http://www.uploadify.com/download/
这是jquery上传工具，你可以通过创建webservice来上传图片。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45692616
复制相关文章
相似问题
腾讯云开发者
