在网页中嵌入“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>




目录
相关文章
|
4月前
|
JavaScript 前端开发
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
|
7月前
|
Python
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
149 0
|
3月前
|
Web App开发 JavaScript 前端开发
网页VUE纯前端在线预览编辑Office,支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式
随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
468 0
|
3月前
|
存储
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
165 0
|
4月前
|
Ubuntu 前端开发 Linux
django(六)使用wkhtmltopdf将网页导出PDF
如题,我需要使用python 将 网页 转成PDF文件,这里会用到wkhtmltopdf 我这里使用的是centos服务器。(使用ubuntu事会少很多,别问我为什么不用,我的web项目使用的是PHP,相对来说,centos部署web项目要比ubuntu要好) Python需要用到扩展 pdfkit
69 0
|
编解码 前端开发 JavaScript
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
如果必须是异步接口,让后台调用的时候,在命令行里面加上延时--javascript-delay 10000,默认是200ms,意思命令行访问url的时候,延时10000毫秒生成pdf或者图片,这样也能解决问题,但是请求时间过长。
597 0
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
|
Linux Python
Python编程:使用wkhtmltopdf将html网页转成pdf文件
Python编程:使用wkhtmltopdf将html网页转成pdf文件
141 0
Python编程:使用wkhtmltopdf将html网页转成pdf文件
|
Linux Python
Python编程:使用wkhtmltopdf将html网页转成pdf文件
Python编程:使用wkhtmltopdf将html网页转成pdf文件
121 0
|
Web App开发
在网页中打开展示pdf文件
在网页中打开展示pdf文件
659 0
火狐浏览器将网页保存为pdf
火狐浏览器将网页保存为pdf
373 0
火狐浏览器将网页保存为pdf