精华内容
下载资源
问答
  • web网页PDF文件预览的实现

    万次阅读 2019-01-08 20:43:28
    chrome可以直接支持PDF文件预览 pdf文件a链接直接打开预览 需要后端设置上传文件时头部oss设置头的 content-type为 application/pdf 否则点击a链接就是下载pdf 浏览器直接打开pdf预览,无法修改界面的功能,样式...

    chrome可以直接支持PDF文件预览

    • pdf文件a链接直接打开预览
      需要后端设置上传文件时头部oss设置头的 content-type为 application/pdf
      否则点击a链接就是下载pdf

    • 浏览器直接打开pdf预览,无法修改界面的功能,样式,由于是在触摸屏上全屏预览的,不能出现有离开当前界面的操作,并且大文件打开比较慢

    使用pdfJs预览插件实现PDF预览

    • 直接使用的是官方html的demo,坑点
      • 不能跨域访问,
      • 修改源文件,允许跨域
      • 跨域访问不能分片加载
      • 不跨域访问,http服务分片下载效果很好,https服务分片不正常,经常被pending住
    展开全文
  • 本文转载至网页放在WEB-...这里主要说明,如何通过设置 web.xml 文件,来访问 WEB-INF 文件下的网页; <!-- 直接设置 welcome-file 节点 --> <welcome-file>./WEB-IN...

    本文转载至网页放在WEB-INF下面怎样发布访问,同时感谢原作者的整理与创作;

    一般来说,出于安全的考虑我们会将网页放在 WEB-INF 文件下,防止页面直接被访问;
    这里主要说明,如何通过设置 web.xml 文件,来访问 WEB-INF 文件下的网页;

    <!-- 直接设置 welcome-file 节点 -->
    <welcome-file>./WEB-INF/views/xxx.jsp</welcome-file>

    访问地址为:http://localhost:8080/xxx/xxx 为项目名称);

    展开全文
  • 在网页开发中,网页文件命名HTML和JSP文件有什么区别吗?我写了Java和HTML在一个文件里面,后缀无论是哪一个感觉没有影响啊。是不是和CSS,JS文件一样,它们都是可以嵌入HTML的代码,当需要多次使用以及代码结构清晰...
  • 网页html web直接打开cad文件dwg格式等的方法

    万次阅读 热门讨论 2018-06-16 22:18:04
    但支持中文字体最好,有小小水印,但是我们网页上打开图纸,不都是只是为了瞄一眼嘛,不在乎这点水印。html调用代码:&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &...

    用mxdraw控件,似乎只支持ie。但支持中文字体最好,有小小水印,但是我们网页上打开图纸,不都是只是为了瞄一眼嘛,不在乎这点水印。


    html调用代码:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- saved from url=(0042)http://www.mxcad.net:2080/ie/database.html -->
    <!DOCTYPE html PUBLIC "" "">
    <HTML lang="en" style="height: 100%;">
    <HEAD>
      <META content="IE=10.000" http-equiv="X-UA-Compatible">
      <META charset="UTF-8">
      <META name="GENERATOR" content="MSHTML 10.00.9200.17457">
      <META name="ProgId" content="FrontPage.Editor.Document">
      <TITLE>MxDraw控件</TITLE>
      <!--引入打碎函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/ExplodeFun.js" type="text/javascript"></SCRIPT>
      <!--移动夹点-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MoveGripPointsFun.js" type="text/javascript"></SCRIPT>
      <!--返回夹点-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/GetGripPointsFun.js" type="text/javascript"></SCRIPT>
      <!--动态施放绘制事件回调函数指针-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/DoDynWordDrawFun.js" type="text/javascript"></SCRIPT>
      <!--引入参数绘制的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/Draw.js" type="text/javascript"></SCRIPT>
      <!--引入交互绘制的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxDyDraw.js" type="text/javascript"></SCRIPT>
      <!--引入光栅图处理的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxIamges.js" type="text/javascript"></SCRIPT>
      <!--引入界面控制的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxInterface.js" type="text/javascript"></SCRIPT>
      <!--引入控制事件的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxEvents.js" type="text/javascript"></SCRIPT>
      <!--引入打印控制的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxPrint.js" type="text/javascript"></SCRIPT>
      <!--引入选择集的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxSelect.js" type="text/javascript"></SCRIPT>
      <!--引入自定义命令的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxUserCustomCommand.js" type="text/javascript"></SCRIPT>
      <!--引入扩展数据的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxData.js" type="text/javascript"></SCRIPT>
      <!--引入图面搜索的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxMap.js" type="text/javascript"></SCRIPT>
      <!--引入图形数据库的相关函数-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/MxDataBase.js" type="text/javascript"></SCRIPT>
      <SCRIPT language="javascript" src="/static/js/mxdraw/mxcustom.js" type="text/javascript"></SCRIPT>
      <!--引入梦想控件-->
      <SCRIPT language="javascript" src="/static/js/mxdraw/mxocx.js" type="text/javascript"></SCRIPT>
      <SCRIPT src="/static/js/mxdraw/jquery.min.js"></SCRIPT>
    
      <SCRIPT language="JavaScript">document.oncontextmenu = new Function('event.returnValue=false;'); //禁用右键
      </SCRIPT>
    </HEAD>
    
    <BODY>
    
    <DIV style="height: 900px;"><!--  width: 150%; float: right; -->
      <SCRIPT type="text/javascript">
            LoadMxDrawX("http://127.0.0.1/static/img/05.dwg", "", "");
      </SCRIPT>
    </DIV>
    
    </BODY>
    </HTML>

    展开全文
  • web网页播放器使用总结

    万次阅读 2016-12-27 17:25:53
    web网页播放器使用总结

           近几年,网络直播比较火,各大互联网巨头都在各自的app中推出了直播频道,比如网易、腾讯等。我们公司也顺应潮流,最近开发了自己的直播项目。下面跟大家分享下我使用web播放器的经历。

    一.网易web播放器

            一开始我们选定使用网易直播云,顺利成章的我就使用网易的播放器,网易官方提供的播放器使用简单,文档规范,api也比较齐全,开发起来还是很顺利的,但是后来公司决定改用七牛的平台。那么我的问题就来了,播放器能否兼容是个问题,对于坑爹的网易,七牛的拉流虽然大部分可以播放,但是我测试时还是有一个线路播放不了,没办法,只能换播放器了。不过可以理解,公司的自我保护措施嘛。

    二.其它开源播放器

            七牛官网上推荐了两款开源播放器,mediajs和mediaelement。链接地址:直播相关的html5网页端播放器。说实话,这两款播放器个人感觉不怎么美观,但是没有找到更好的,只能在这两个中间选一个了。

            对于mediajs这个播放器,我用七牛的一个回播地址测试,播放不了,demo地址:mediajs播放器bug。而mediaelementplayer可以正常播放,所以我就选择了mediaelementplayer。

    1.mediaelementplayer播放器使用方法

            详细使用方法请参照官网:官网

    使用demo请点击:demo

             下面简要说下实际使用方法。

    首先当然是在head标签中引入csss文件:

    <link href="../resource/css/lib/mediaelement/mediaelementplayer.min.css" rel="stylesheet">
    然后在<body>标签的最底部引入js文件:

    <script src="../resource/js/lib/mediaelement/mediaelement-and-player.min.js"></script>
    video标签的初始化如下:
    <video id="video-player" width="100%" height="200" controls="controls" preload="auto">
                <source type="application/x-mpegURL" src="http://foodsound.qiniudn.com/video/hls/introducing_thinglist_240.m3u8"> <!--必须写src属性,否则播放器初始化异常-->
            </video>
    对播放器初始化的js代码如下:

    var videoUrl = null;
                if (status == 1) {                  // 未开始
                    videoUrl = null;
                    $(".video-poster").show();
                }
                else if (status == 2) {         // 正在直播
                    videoUrl = liveStudio.liveStudioLines[0].playHls;
                    new MediaElementPlayer("#video-player", {
                        success: function (mediaElement, originalNode) {
                            videoPlayer = mediaElement;
                            videoPlayer.setSrc(videoUrl);
                        }
                    });
                }
                else if (status == 3) {         // 已经结束
                    videoUrl = liveStudio.liveStudioLines[0].playback;
                    var type = "application/x-mpegURL";
                    if (videoUrl.indexOf(".mp4") > 0) {
                        type = "video/mp4";
                    }
                    $("#video-player source").attr('type', type);
                    $("#video-player source").attr('src', videoUrl);    // 更换type时必须同时更换src,否则播放器初始化不正常
                    new MediaElementPlayer("#video-player", {
                        success: function (mediaElement, originalNode) {
                            videoPlayer = mediaElement;
                            videoPlayer.setSrc(videoUrl);
                        }
                    });
                }
    如果直播有多个线路需要切换时,js代码如下:

    $(".choose-line").on('click', '.choose-line-btn', function () {
            $(".choose-line").find('li.line-selected').removeClass('line-selected');
            $(this).addClass('line-selected');
            var status = liveStudio.status;
            var liveStudioLines = liveStudio.liveStudioLines;
            if (status == 2) {
                var sourceUrl = liveStudioLines[parseInt($(this).find('.line-number').text() - 1)].playHls;
            }
            else if (status == 3) {
                sourceUrl = liveStudioLines[parseInt($(this).find('.line-number').text() - 1)].playback;
            }
            videoPlayer.pause();
            videoPlayer.setSrc(sourceUrl);
            videoPlayer.play();
        });

    2.mediaelementplyaer初始化时必须给定src属性值

          在调试过程中,我发现如果不给<video>标签中的src赋值,即使在dom加载完后,在js代码中给video的src赋值,播放器不能正常播放。但是如果给定src值,dom加载完后,即使js未对播放器初始化,播放器也会播放默认src地址的视频,这样在直播未开始的状态下,显然是不合理的。

           对于这个问题,我在播放器上方叠加了一张图片,在直播未开始时,这张图片显示出来,用户点击不了播放按钮,就避免了这个问题。

    3.mediaelementplayer播放hls格式视频不能全屏

    mediaelementplyaer播放hls格式视频不能全屏,播放mp4和rtmp的正常,七牛上提供的demo也有这个问题,这是一个bug了,但是目前还没找到解决的办法。

    4.type与src要匹配

            对于web播放器,type与src一定要对应,网易播放器如果两者不对应,会直接报错。

    展开全文
  • web网页开发

    万次阅读 多人点赞 2018-09-19 11:08:22
    这里主要总结,web网页的开发,即我们经常所看见的淘宝,新闻等网页。我们将一个所见的网页中每次刷新不变的部分,称为静态。这些静态由HTML和CSS组成,他们形成了网页的样式。HTML是一种标记语言,用来结构化我们的...
  • 网页制作中图片格式常用三种格式(jpg,png,gif)1jpg图片是我们最常见的。jpg:可压缩的,有损图片质量的格式。虽然可压缩,它的色彩还是比较丰富。特点:文件小、色彩丰富。在网页中常用。劣势:不能保存透明背景...
  • java 导出Excel文件 网页方式打开 web.xml配置,直接连接window.open(“文件地址”);就可以打开或是下载excel文件,无需别的。。。。。
  • 网页使用外部字体格式

    千次阅读 2018-01-02 15:46:27
    网页使用外部字体格式1、首先下载web font的文件,其中格式有.ttf(TrueTypeFont)是由Apple公司和Microsoft公司共同推出的字体文件格式,.svg,.eot,.woff,如下所示为整个目录:2、然后再文件里面引用1中下载的...
  • web服务器使用JSP创建网页的过程

    千次阅读 2017-03-15 17:07:21
    第一点: eclipse环境下,创建访问.jsp文件和创建访问servlet文件 第二点 web服务器使用JSP创建网页的过程
  • 使用pdf.js在web页面展示pdf文件

    千次阅读 2017-12-15 16:27:56
    最近弄的项目中需要在线展示PDF文件,以前用的是Adobe PDF阅读器直接在浏览器端打开的,这要求客户端必须安装这个软件,若是没有安装就不能在线预览了。为了解决这个问题,最终决定用pdf.js来实现预览功能。   1...
  • Web网页播放器

    千次阅读 2019-01-05 00:59:20
    Web网页播放器简述0 引言1 介绍1.1 背景1.2 前提知识2 播放器2.1 Flash2.2 VideojsJW PlayerClapprMediaElement.jsFlv.js3 后记 0 引言 本博客是关于网页播放器简述,是后续网页播放器制作详解的开端,以下都是本人...
  • ts上传至后台后,实现在线预览视频的功能,如何实现网页在线播放ts视频,或者后台将ts格式转码成其他视频,在liunx系统后台可用
  • Python学生管理系统(web网页版)

    热门讨论 2018-11-02 11:28:27
    Python学生管理系统(web网页版),前面发布了python的控制台版本的学生管理系统和使用tkinter界面版的学生管理系统,这次是使用Django开发基于学生的实体类的增删改查,里面包含项目演示录屏和完整的项目源码与...
  • 最近遇到个问题,页面使用的字体要用PingFangSC字体,引入方法如下: 简单介绍下PingFangSC字体: (1)苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; (2)苹方-简 极细体 font-family: PingFang...
  • 一般出现在Windows Server 2008 64位的系统环境中, K3WEB网页出现自动跳转,异常加载了KDHRMS站点的网页内容;   【操作步骤】  1、修改 web.config 文件的登录方式,在修改登录配置文件时,请先在账套管理...
  • Webarchive文件

    千次阅读 2017-08-09 11:55:48
    1:用mac自带浏览器Safari:随便打卡一个网页,comd+S 保存到本地的文件就是.ewbarchive文件,这个文件是本地的。打开到浏览器可以看到地址:file:///Users/*****/Desktop/*****.webarchive。 二:使用 2.1:...
  • 小程序中打开pdf格式原本可以使用web-view(承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用) <web-view src="{{link}}"></web-view> src里放链接就能够正常实现 但是src...
  • web.xml文件详解

    千次阅读 2017-08-09 16:00:28
    但是要说明的是web.xml并不是必须的,一个web工程可以没有web.xml文件。 1、WEB工程加载web.xml过程  经过个人测试,WEB工程加载顺序与元素节点在文件中的配置顺序无关。即不会因为 filter...
  • JAVA Web文件管理系统

    热门讨论 2011-01-06 16:34:25
    Web文件管理系统 文件管理系统 教材案例(Web文件管理系统)
  • pyqt5加载web网页

    万次阅读 热门讨论 2018-04-26 18:58:04
    pyqt5 加载Web网页 : class MainWindow(QMainWindow): def __init__(self): super(QMainWindow, self).__init__() self.setWindowTitle("打开网页例子") #相当于初始化这个加载web的控件 self....
  • PC端Web网页跳用本地摄像头,实时获取图片。(注意事项:如果是本地localhost可直接调用,挂到服务器必须使用https访问) 仅测试了google浏览器,运行代码,会跳出摄像头授权,请按“允许”即可,获取的图片格式为...
  • Java Web实现 使用浏览器从服务器下载文件。 下面实现两种情况的下载,需求如下:需求(一):1、用户在页面填写表单。 2、填写完成后,选择下载,将表单内容发往后台。 3、后台根据内容生产一个文件,发送给前端...
  • web安全之文件上传漏洞

    千次阅读 2019-06-03 20:11:05
    一、文件过滤的方法 文件头校验:JPEG ==>FF D8 FF E0、PNG==>89 50 4E 47 0D 0A 1A 0A 文件类型校验:HTTP头中的content/type,互联网媒体类型,也叫做MIME类型。 HTML文档标记: text/html; 普通ASCII...
  • .webarchive文件转换成html文件

    千次阅读 2018-01-05 11:01:58
    Mac OS X系统带有文件转换功能,可以把webarchive文件变成html文件
  • 华为 S5700 web管理加载文件

    热门讨论 2011-11-22 15:26:25
    华为 S5700 web管理加载文件 http server load S5700SI-V100R005.002.web.zip http server enable
  • web网页部署到windows服务器

    千次阅读 2018-09-15 21:05:12
    1.在服务器上安装Nginx,如图1,然后右击打开文件位置; 图 1 2.将看到如下界面;其中有html文件夹,如图2,打开html文件夹如图3所示,然后将web项目复制到html文件夹中替换掉原有内容,如图4所示:...
  • 目标是使用apache作为服务器,展示一个html文件。 1)启动apache

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 484,493
精华内容 193,797
关键字:

web网页使用的文件格式