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




目录
相关文章
|
1天前
|
JavaScript 前端开发
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
nodejs实现解析chm文件列表,无需转换为PDF文件格式,在线预览chm文件以及目录,不依赖任何网页端插件
|
8月前
|
Python
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
Python3,2行代码,多种方法,直接把网页内容转换成PDF文档和图片。
157 0
|
1天前
|
Web App开发 JavaScript 前端开发
网页VUE纯前端在线预览编辑Office,支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式
随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
627 0
|
1天前
|
人工智能 Python
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
56 0
|
1天前
|
Java Linux 数据安全/隐私保护
Java【代码 16】将word、excel文件转换为pdf格式和将pdf文档转换为image格式工具类分享(Gitee源码)aspose转换中文乱码问题处理
【2月更文挑战第3天】Java 将word、excel文件转换为pdf格式和将pdf文档转换为image格式工具类分享(Gitee源码)aspose转换中文乱码问题处理
126 0
|
1天前
|
存储
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
如何解决网页中的pdf文件无法下载?pdf打印显示空白怎么办?
200 0
|
5月前
|
Ubuntu 前端开发 Linux
django(六)使用wkhtmltopdf将网页导出PDF
如题,我需要使用python 将 网页 转成PDF文件,这里会用到wkhtmltopdf 我这里使用的是centos服务器。(使用ubuntu事会少很多,别问我为什么不用,我的web项目使用的是PHP,相对来说,centos部署web项目要比ubuntu要好) Python需要用到扩展 pdfkit
89 0
|
编解码 前端开发 JavaScript
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
如果必须是异步接口,让后台调用的时候,在命令行里面加上延时--javascript-delay 10000,默认是200ms,意思命令行访问url的时候,延时10000毫秒生成pdf或者图片,这样也能解决问题,但是请求时间过长。
631 0
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
|
1天前
|
Web App开发 Windows
【Windows】 chrome 如何下载网站在线预览PDF文件,保存到本地
【Windows】 chrome 如何下载网站在线预览PDF文件,保存到本地
161 0
|
1天前
|
前端开发
开发过程中遇到过的docx、pptx、xlsx、pdf文件预览多种方式
开发过程中遇到过的docx、pptx、xlsx、pdf文件预览多种方式
24 0