精华内容
下载资源
问答
  • web网页保存为PDF文件

    2018-11-29 16:05:37
    保存为PDF文件
  • 一个上传Excel文件并将内容保存到数据库中,附有完整代码,希望对您有帮助.
  • 为了方便将Word文档在互联网上和局域网上发布,需要将文档保存Web页面文件。将文档保存Web页面,这种页面文件使用HTML文件格式。以下是学习啦小编为您带来的关于将Word文档转换为Web页面的方法,希望对您有所...

    为了方便将Word文档在互联网上和局域网上发布,需要将文档保存为Web页面文件。将文档保存为Web页面,这种页面文件使用HTML文件格式。以下是学习啦小编为您带来的关于将Word文档转换为Web页面的方法,希望对您有所帮助。

    将Word文档转换为Web页面的方法

    步骤1:打开Word文档,依次单击“文件”|“另存为”选项,打开“另存为”对话框。选择保存位置,设置文件名以及在“保存类型”下拉列表中选择将文档保存为“网页”,如图1所示。

    de4ee0fad1015a5be57fa21ad3bdec21.png

    图1 选择保存为网页

    步骤2:单击“更改标题”按钮,打开“输入文字”对话框,输入页标题后单击“确定”按钮关闭对话框,如图2所示。

    1a29a78e1a5c912ed4be270d3c6b3079.png

    图2 “设置页标题”对话框

    步骤3:单击“保存”按钮关闭“另存为”对话框,文档被保存为网页。打开计算机窗口,可以在保存页面文件的文件夹中找到刚才保存的页面文件及其资源文件夹,如图3所示。双击网页文件即可打开IE浏览器查看文档的内容,如图4所示。

    3d0bdfffd898663a3ed5cc68e5928dd4.png

    图3 生成的网页文件

    c22fe03d3312fec8259d26bd14245b9d.png

    图4 在IE浏览器中查看文档

    猜你喜欢:

    展开全文
  • Web页面截图或HTML内容保存为图片

    万次阅读 2017-06-28 11:21:15
    但两种方式均有限制,前者主要看你使用的JS库的限制以及浏览器的限制,后者主要针对静态html文件进行,且对于包含CSS文件以及JS文件的HTML文档,解析效果差。首先看一下前端直接进行截图导出的情况,网上有很多

    网页截图或html页面保存为图片一般考虑两种方式实现,一种是前端JavaScript实现直接进行截图转换为图片,另一种是将html代码发送到后台程序,后台根据html内容重新渲染出图片并保存。

    但两种方式均有限制,前者主要看你使用的JS库的限制以及浏览器的限制,后者主要针对静态html文件进行,且对于包含CSS文件以及JS文件的HTML文档,解析效果差。

    首先看一下前端直接进行截图导出的情况,网上有很多转换的插件,用的较多的有:html2canvas插件,下面以该插件为例进行介绍:
    第一步,把网页保存为Canvas画布,借助于html2canvas库,http://html2canvas.hertzen.com/

    html2canvas(document.getElementById("id1"), {
      onrendered: function(canvas) {
        document.getElementById("id2").appendChild(canvas);//生成画布后如何处理,当然可以在新标签打开,在浮层展示等等
      },
      canvas_id: 'canvas'//通过修改html2canvas源码添加canvas的id
    });

    Note:html2canvas()第一个参数为要生成canvas的区域,如果整个网页生成canvas,则是document.body。第二个参数详见官网设置canvas的各种属性,当然修改源代码可以添加自己想要的属性,如给canvas添加id等。

    第二步,把第一步中生成的canvas保存成图片

    var canvas = document.getElementById("canvas"),
        url = canvas.toDataURL();//
    //以下代码为下载此图片功能
    var triggerDownload = $("").attr("href", url).attr("download", "img.png").appendTo("body");
    triggerDownload[0].click();
    triggerDownload.remove();

    这里关注toDataURL()方法即可,可以把canvas转化成data形式的图片url,把这个url赋给加载中…标签即可显示图片,代码中其他部分为自己需要的下载功能。

    该种方式对于某些不能转换为canvas的元素是不适用的,例如我想讲网页上的地图瓦片进行截图导出则不行。接下来看一下第二种方式,前端获取浏览器渲染好的HTML页面,并将页面中你想保存为图片部分的HTML传给后台(页面的标签要各自带上样式,最好别将样式统一写到一个CSS文件中,这样后台解析可能会有问题),后台根据你传递的html进行解析并渲染,然后进行图片保存。后台对于html代码解析有好多第三方库,本文采用的是html2image.jar,该库的是基于NekoHTML 解析器实现的,提供了很方便的接口:

    import java.net.MalformedURLException;
    import gui.ava.html.Html2Image;  
    public class HTML2ImageTest {
    
        public static void main(String[] args) throws MalformedURLException {
    
                String srcHtmlString = "<html><head></head><body><div><img src='http://192.98.8.234/vec_w/L4/R6/C12.png' style='visibility: inherit; opacity: 1; position: absolute; left: 793px; top: 402px; width: 256px; height: 256px;' class=''><img src='http://192.98.8.234/vec_w/L4/R5/C12.png' style='visibility: inherit; opacity: 1; position: absolute; left: 793px; top: 146px; width: 256px; height: 256px;' class=''><img src='http://192.98.8.234/vec_w/L4/R6/C13.png' style='visibility: inherit; opacity: 1; position: absolute; left: 1049px; top: 402px; width: 256px; height: 256px;' class=''></div></body></html>";
                final Html2Image html2Image = Html2Image.fromHtml(srcHtmlString);
                html2Image.getImageRenderer().saveImage("d:/baidu.png");
    //          html2Image.getHtmlImageMap().saveImageMapDocument("baidu.html", "baidu.png");
    
        }
    }

    利用该方式,成功将网页上的瓦片地图进行保存为本地图片了!!

    展开全文
  • web项目页面保存为word文件

    千次阅读 2012-04-17 16:32:46
    没找到什么完美方案,只有一个使用activeXObject的还算方便。... //保存word文档为test.doc oDC.SaveAs("test.doc"); } 保存按钮 保存" onclick ="javascript:AllAreaWord(middle, '');" />

    没找到什么完美方案,只有一个使用activeXObject的还算方便。


     /**//**//**//*
                 * 
                 * @param {Object} cont 要导出的html元素内容的id,注意不要加双引号
                 * @param {Object} key   分页关键字
                 */
                function AllAreaWord(cont,key)
                {
                    var oWD = new ActiveXObject("Word.Application");
                    //默认为页面视图
                    var oDC = oWD.Documents.Add("", 0, 0);
    
                    //横向打印设置部分
                    oDC.PageSetup.LineNumbering.Active = false;
                    //oDC.PageSetup.Orientation.wdOrientLandscape = 1; //设置为横向打印
                    oDC.PageSetup.TopMargin = oDC.Application.CentimetersToPoints(3.17);
                    oDC.PageSetup.BottomMargin = oDC.Application.CentimetersToPoints(3.17);
                    oDC.PageSetup.LeftMargin = oDC.Application.CentimetersToPoints(2.54);
                    oDC.PageSetup.RightMargin = oDC.Application.CentimetersToPoints(2.54);
                    oDC.PageSetup.Gutter = oDC.Application.CentimetersToPoints(0);
                    oDC.PageSetup.HeaderDistance = oDC.Application.CentimetersToPoints(1.5);
                    oDC.PageSetup.FooterDistance = oDC.Application.CentimetersToPoints(1.75);
                    //oDC.PageSetup.PageWidth = oDC.Application.CentimetersToPoints(29.7);
                    //oDC.PageSetup.PageHeight = oDC.Application.CentimetersToPoints(21);
                    oDC.PageSetup.FirstPageTray = 0;
                    oDC.PageSetup.OtherPagesTray = 0;
                    oDC.PageSetup.SectionStart = 2;
                    oDC.PageSetup.OddAndEvenPagesHeaderFooter = false;
                    oDC.PageSetup.DifferentFirstPageHeaderFooter = false;
                    oDC.PageSetup.VerticalAlignment = 0;
                    oDC.PageSetup.SuppressEndnotes = false;
                    oDC.PageSetup.MirrorMargins = false;
                    oDC.PageSetup.TwoPagesOnOne = false;
                    oDC.PageSetup.BookFoldPrinting = false;
                    oDC.PageSetup.BookFoldRevPrinting = false;
                    oDC.PageSetup.BookFoldPrintingSheets = 1
                    oDC.PageSetup.GutterPos = 0;
                    oDC.PageSetup.LayoutMode = 2;
    
                    var oRange = oDC.Range(0, 1);
                    //var oRange1 = oDC.Range(0,2);
                    var sel = document.body.createTextRange();
                    //参数为html元素id 
                    sel.moveToElementText(cont);
                    sel.select();
                    sel.execCommand("Copy");
                    oRange.Paste();
                    oWD.Application.Visible = true;
                    //得到打开后word的selection对象
                    var selection = oWD.Selection;
                    //设置字体大小
                    selection.Font.Size = 14;
                    //ctrl+A 全选操作
                    selection.WholeStory();
                    //清除格式
                    selection.Find.ClearFormatting();
                    //指定查找关键字
                    selection.Find.Text = key;
                    //^m为手动分页符标记
                    //向下查找
                    selection.Find.Forward = true;
                    selection.Find.Wrap = 1;
                    //不区分大小写
                    selection.Find.MatchCase = false;
                    //不匹配整个单词
                    selection.Find.MatchWholeWord = false;
                    //如果找到指定字符串返回真,否则返回false
                    while (selection.Find.Execute()) 
                    {
                        //插入分页符,分页符常量为7,具体可查word api
                        selection.InsertBreak(7);
                    }
                    //保存word文档为test.doc
                    oDC.SaveAs("test.doc");
                }

    保存按钮

    <input class="" type="button"  value="保存" onclick ="javascript:AllAreaWord(middle, '');" />


    展开全文
  • web项目图片/文件保存方式

    千次阅读 2019-05-07 21:57:12
    web项目图片/文件保存方式其实文件和图片都是二进制流文件 以下统称图片1直接把图片存到数据库字段中2图片存项目/public/img目录,文件名存数据库字段3规范的使用阿里云oss/腾讯云cos存图片,数据库存图片名 ...

    其实文件和图片都是二进制流文件 以下统称图片

    1直接把图片存到数据库字段中

    第一种做法是最简单的,直接把图片当成字符串一样来操作,用对象的一个属性来接收,CRUD不多说,但是是最低效最不实际的做法,实际情况不使用

    2图片存项目/public/img目录,文件名存数据库字段

    这种玩玩自己demo,没有自己服务器的时候第一首选
    接下来将讲讲细节
    1前端发送文件给后端应该用js预览,
    如果直接每次都直接上传会有问题
    为什么呢,举个例子
    你现在是编辑一个商品 有名称 有图片 图片上传了 哦吼你刷新一下 或者你关掉页面了
    这时候图片永远都在数据库了 或者新建商品已经有一个没用的商品词条了
    而且每选择一次图片都会访问数据库,不会这么做的

    2后端取得了图片,要把名字唯一用uuid/当前时间戳都行,再切割".",获得文件后缀
    图片名变为"时间戳/uuid.格式名"例如:1557222244420.jpg,放到数据库字段中
    文件用流存储到相对路径
    为什么是相对路径
    因为你的代码要拿到linux上线运行,放到项目的一个文件夹下,这样就可以整体迁移

    最后前端只需要获得后端的图片文件名,再加上路径的拼接,就可以获得图片了

    缺点,项目存了很多文件和图片,很大
    所以有第三个方法
    附上js预览代码

    //vue中的method
    bannerChange: function (event) {
                    var self = this;
                    var file = event.target.files[0];
                    self.imgUploadInfo.banner_url = file;
                    // 图片预览
                    var reader = new FileReader();
                    reader.onload = (function (theFile) {
                        return function (e) {
                            self.bannerFile = e.target.result;
                        }
                    })(file);
                    reader.readAsDataURL(file);
                },
    

    3规范的使用阿里云oss/腾讯云cos存图片,数据库存图片名

    具体做法可以参考
    配置cos文章
    http://www.manongjc.com/article/24925.html
    我的文章
    https://blog.csdn.net/weixin_44637711/article/details/89930179
    两个其实都是云上存储,可以公网直接访问图片
    https://bravery-1258739678.cos.ap-guangzhou.myqcloud.com/1557219376367.jpg
    src拿到其实也是网络的东西
    也是做些字符拼接即可

    展开全文
  • 效果图(用了layui的前端口框架) 当点击读取后将从文件中把数据读取出来放到页面上 这是点击保存保存到本地的文件 ...保存功能实现 import java.io.File; import java.io.FileOutputStream; import...
  • 使用pdf.js在web页面展示pdf文件

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

    千次阅读 2021-07-27 10:30:03
    word中有多种保存文档的方式。可保存当前处理的活动文档 (活动文档:正在处理的文档。在 Microsoft word 中键入...如果要将文字或格式再次用于创建的其他文档,可将文档保存为 word 模板 (模板:是指一个或多个文件...
  •  String testPath = request.getSession().getServletContext().getRealPath("");//tomcat下  File directory = new File(testPath);//设定为当前文件夹  File file = new File(directory.getParentFile()...
  • 1. 文件上传首先要借助第三方库–commons (而commons-fileupload使用依赖于commons-io),所以要去apache下载两个jar包,并导入到项目的lib目录下. 2. 可以根据commons的用户导向,使用commons-fileupload: —-固定使用...
  • 通过WEB页面实现一个简单的文件管理器,可以使用浏览器来管理服务器上所有磁盘下的文件和目录。 实现:文件和目录遍历;文件和目录的删除(单选、多选)、改名;目录的建立;文件的上传下载,所有目录和文件对应图标...
  • web页面测试方法与测试用例编写

    千次阅读 多人点赞 2020-06-12 17:18:51
    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!...(4)多行文本框输入:允许回车换行、保存后再显示能够保存输入的格式、仅输入回车换行,检查能否
  • Web端打开文件选择和保存对话框

    万次阅读 2013-03-20 15:32:38
    文件的选择、保存对话框,使用Java 很容易达成。 如果想在Web端使用的话,可以用Applet 达成。 但如果想使用HTML, js 达成的话,也是可以的。不过 web程序对客户机的文件进行读写是不安全的。ActiveXObject是IE...
  • 就是稍微占点内存,但这点几乎可以忽略,今天给大家推荐几个特别好用的Chrome插件,会对你的开发效率大大提高,当然使用这些插件之前你得下一个谷歌小助手,用于访问谷歌商店去下载这些翻译插件,如果不知道怎么下载...
  • 今天,他来了(weboffice在线编辑文档)。 上次写了一个在线预览的博,当然,效果并不是太理想,但是紧急解决了当时的问题。 后来,小编重新查找资料,求助大牛,终于使用新的方式替换了之前的low方法。 有两种比较...
  • Egret 实现web页面操作PC端本地文件操作: http://edn.egret.com/cn/book/page/pid/181 //————————————————————————————————————————————————————...
  • Java web实现图片上传服务器、同步保存数据库以及如何在前端页面展示教程一、上传二、后端代码处理三、数据库读取图片在前端页面展示(重点) 大概流程: 1.上传插件的选择:此篇博文选择的是jQuery的zyupload文件...
  • [JavaWeb]将Web页面内容生成图片

    万次阅读 2016-12-26 15:52:41
    [JavaWeb]将Web页面内容生成图片
  • 1. 引入三个js文件 &lt;script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"&gt;&lt;/script&gt; &lt;script src="...
  • 2.某些文件可以避免跨域的问题 3.没有图片更新要重新上传,还要清理缓存的问题 不足在于: 1.浏览器支持 使用base64编码图片作为背景图片的这种技术IE6/IE7浏览器是不支持的(IE9浏览器IE7模式下支持,...
  • 应用场景 您希望在网页中连接扫描仪...使用Dynamic Web TWAIN SDK,可以快速实现网页文档扫描的同时利用空白进行文档分隔。 实现步骤 Step 1:下载并安装Dynamic Web TWAIN 30天免费试用版本 申请下载链接:h...
  • web文件上传

    千次阅读 2018-07-12 10:38:39
    今天在复习Web 的时候,做个一个文件上传的小Demo,发布一篇博客,记录一些笔记要点。和web做上传的一些注意事项。这个Demo 解决了Web上传问题中的以下问题: 1.实现web开发中的文件上传功能,需要完成2个步骤操作: ...
  • C# ASP.NET - 将Web网页导出至Word文档

    热门讨论 2011-11-24 07:37:06
    说明: 用C#实现“将Web网页导出至Word文档”^_^
  • 编写两个JSP页面:main.jsp和lader.jsp,将两个JSP页面保存在同一Web服务目录中。main.jsp使用include动作标记动态加载lader.jsp页面。lader.jsp页面可以计算并显示梯形的面积。当lader.jsp被加载时获取main.jsp...
  • java+web上传图片保存到数据库

    千次阅读 2019-04-12 11:48:46
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> @RequestMapping(value = "/user/addUser", method = RequestMethod.POST) public Object addUser(UserAddVO user, @...
  • web前端上传图片到Java后端,并保存到本地 /** * 上传图片 * @param file * @return */ @RequestMapping(value = "/uploadFile") @ResponseBody // 参数:(图片名称,图片(不进行特殊处理))前端统一放到file...
  • Django简单的web页面开发

    千次阅读 2018-05-27 10:57:48
    本文为Django项目创建的简单介绍,更为详细的Django项目创建,编辑可以参考如下教程:IMOOC Django入门与实践-http://www.imooc.com/learn/790Pycharm 版本: Professional 2017.1Django 版本: 1.8.7在软件安装和...
  • C# web页面加载本地图片

    千次阅读 2019-01-11 14:19:29
    在后台运行中产生的图片,程序自动保存到本地C、D、E盘中的一个文件下,如何在web页面中加载此文件夹下的图片? 此例:程序运行生产预览图片保存到本地,加载到web页面 controller: public ActionResult getUrl...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 459,654
精华内容 183,861
关键字:

web页可以以文档保存吗