在网页中嵌入“Image”“Pdf”“avi”file-阿里云开发者社区

开发者社区> 立平> 正文

在网页中嵌入“Image”“Pdf”“avi”file

简介: 1这是显示:图片的 var imagehtml 2 = '';3 Asp.Net 控件很多:Image asp:image 均可最简单强大的还是img的4 显示Pdf: 这个需要浏览器的支持: pdfhtml = '' + '' ...
+关注继续查看
1这是显示:图片的  
var imagehtml
2 = '<div class="formRow" style="white-space: nowrap;"><span><img align=\'center\' height=\'550px\' src="" class="image drop_shadow" alt="Sorry,this picture is not exist!" id="imgePreview" /><div class="preview_item_details" ></span></div>';
3 Asp.Net 控件很多:Image asp:image 均可
最简单强大的还是img的
4

显示Pdf:

这个需要浏览器的支持:

 pdfhtml = '<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%"  border="0">'
+ '<param name="_Version" value="65539">'
+ '<param name="_ExtentX" value="20108">'
+ '<param name="_ExtentY" value="10866">'
+ '<param name="_StockProps" value="0">'
+ '<param name="SRC" id="objSrc" value='+fileBytesUrl+'>'
+ '<object id="objPdf" data="'+
fileBytesUrl
+'" type="application/pdf" width="100%" height="100%" class="hiddenObjectForIE"/>'
+ '</object>';
Ext.core.DomHelper.overwrite(Ext.getCmp('txtPreviewDetails').el, pdfhtml);

其中“fileBytesUrl” 是Pdf 所在的路径(相对,绝对);还可以是“Url”;

显示视频播放器:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<iframe src="http://aboutplayer.com/bbsmp3/player/selectindex.htm" width="100%" height="30"
marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no">
</iframe>
</div>
<object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="400" height="272">
<param name="_ExtentX" value="9869">
<param name="_ExtentY" value="7726">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value=""><%--this Please should insert file Path--%>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
<object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class="OBJECT"
id="MediaPlayer" width="500" height="350">
<param name="ShowStatusBar" value='-1' />
<param name="Filename" value="" />
<embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
flename="mp" src="http://goodknight.blogbus.com/goodknight.wmv" width="500" height="350"></embed>
</object>
<p align="center">
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="60" width="352">
<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="1588">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="">
<param name="CONTROLS" value="ControlPanel,StatusBar">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="-1">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
</p>
</form>
</body>
</html>




版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10061 0
下载网页所有图片的最简单的方法
Firefox浏览器提供了一种下载网页上所有图片的方法,操作非常简单。只需几步:第一步:用Firefox访问任意网站。比如访问http://www.qq.com/第二步:在页面上鼠标点击右键,选择“查看页面信息”。
497 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13874 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11888 0
Flex-iframe在SWF中嵌入网页的组件(推荐)
Flex-iframe在SWF中嵌入网页的组件(推荐)   以前就使用过IFrame组件嵌入网页了,当时是因为要使用已经做好的网页,就上网查找相关资料,就发现了IFrame,当时版本还是1.3.2啦,勉强使用,因为它刷新时效果不太好。
712 0
Nodejs进阶:如何将图片转成datauri嵌入到网页中去
今天,在express/node交流群里,有个群友问了个问题:“nodejs读取图片,转成base64,怎么读取呢?” 想了一下,他想问的应该是 怎么样把图片嵌入到网页中去,即如何把图片转成对应的 datauri。 是个不错的问题,而且也是个很常用的功能。快速实现了个简单的demo,这里顺便记
2480 0
+关注
立平
7年工作经验,山大毕业 软件研发 从事前端和数据分析工作。
29
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载