xhtmlrenderer + iText-HTML转PDF

最新推荐文章于 2023-08-17 16:06:20 发布
最新推荐文章于 2023-08-17 16:06:20 发布
阅读量5.3k 收藏 9
点赞数 3
分类专栏： html转pdf itext xhtmlrenderer 文章标签： java 标签打印 html转pdf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hunan961/article/details/104901519
版权

文章目录

xhtmlrenderer + iText - HTML转PDF

xhtmlrendere+itext2.0.8 将html转成pdf，带样式、图片(也支持二维码、条形码)等

主要步骤
  1. 生成html（css样式直接放在style中）
  2. html转换pdf方法
  3. 数据返回给前端
详细过程
  1. html模板：
private static final String DEFAULT_HTML = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n" +
            "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n" +
            "<head>\n" +
            "<meta charset=\"utf-8\" />\n" +
            "<style> \n" +
            "  body{ padding:0; margin:0; font-family:Microsoft YaHei; @page {size:20mm, 35mm;}} \n" +
            "</style>\n" +
            "</head>\n" +
            "<body>\n" +
            "  ${CONTENT}\n" +
            "</body>\n" +
            "</html>";

实际内容替换DEFAULT_HTML中的${CONTENT}

2.html转pdf
在这里插入图片描述
方法代码：

    public static void htmlToPdf2(String html, ByteArrayOutputStream os) throws IOException {
            try {
                ITextRenderer renderer = new ITextRenderer();
                renderer.setDocumentFromString(html);
                ITextFontResolver fontResolver = renderer.getFontResolver();
                // 获取字体文件路径
                fontResolver.addFont(getFontPath2(), BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);
                renderer.getSharedContext().setReplacedElementFactory(new ImgReplacedElementFactory());
                renderer.layout();
                renderer.createPDF(os);
                os.flush();
            } catch (Exception e) {
                logger.error("Html:" + html);
                logger.error("Html To Pdf Failed", e);
    //            throw new CommonException("Html To Pdf Failed:" + e.getMessage());
            } finally {
                if (os != null) {
                    os.close();
                }
            }
        }
        
    // 字体路径  
    private static String getFontPath2() {
            return HrptConstants.FONT_PATH + File.separator + HrptConstants.TTF_NAME_2;
        }

    /**
     * <p>
     * 图片处理优化-支持html中img标签的src为url或者base64
     * </p>
     */
    public class ImgReplacedElementFactory implements ReplacedElementFactory {
    
        private final static String IMG_ELEMENT_NAME = "img";
        private final static String SRC_ATTR_NAME = "src";
        private final static String URL_PREFIX_NAME = "data:image";
        private final static String URL_BASE64 = "base64,";
    
        private final static Logger LOGGER = LoggerFactory.getLogger(ImgReplacedElementFactory.class);
    
        @Override
        public ReplacedElement createReplacedElement(LayoutContext c, BlockBox box, UserAgentCallback uac, int cssWidth, int cssHeight) {
            Element e = box.getElement();
            if (e == null) {
                return null;
            }
            String nodeName = e.getNodeName();
            // 找到img标签
            if (nodeName.equals(IMG_ELEMENT_NAME)) {
                String url = e.getAttribute(SRC_ATTR_NAME);
                FSImage fsImage;
                try {
                    InputStream imageStream = this.getImageStream(url, BaseConstants.Digital.ZERO);
                    byte[] bytes = IOUtils.toByteArray(imageStream);
                    // 生成itext图像
                    fsImage = new ITextFSImage(Image.getInstance(bytes));
                } catch (Exception e1) {
                    fsImage = null;
                }
                if (fsImage != null) {
                    // 对图像进行缩放
                    if (cssWidth != -1 || cssHeight != -1) {
                        fsImage.scale(cssWidth, cssHeight);
                    }
                    return new ITextImageElement(fsImage);
                }
            }
            return null;
        }
    
        @Override
        public void reset() {
    
        }
    
        @Override
        public void remove(Element e) {
    
        }
    
        @Override
        public void setFormSubmissionListener(FormSubmissionListener listener) {
    
        }
    
        /**
         * 重复获取网络图片3次，若三次失败则不再获取
         * @param url
         * @param tryCount
         * @return
         */
        private InputStream getImageStream(String url, int tryCount) {
            if (tryCount > BaseConstants.Digital.TWO) {
                return null;
            }
            if (URL_PREFIX_NAME.equals(url.substring(0, 10))) {
                byte[] bytes = Base64.decode(url.substring(url.indexOf(URL_BASE64) + 7));
                //转化为输入流
                return new ByteArrayInputStream(bytes);
            }
            try {
                HttpURLConnection connection = (HttpURLConnection) new URL(url).openConnection();
                connection.setReadTimeout(5000);
                connection.setConnectTimeout(5000);
                connection.setRequestMethod("GET");
                if (connection.getResponseCode() == HttpURLConnection.HTTP_OK) {
                    InputStream inputStream = connection.getInputStream();
                    return inputStream;
                } else {
                    tryCount += 1;
                    LOGGER.info("connectionError : {} , msg : {}", connection.getResponseCode(), connection.getResponseMessage());
                    return getImageStream(url, tryCount);
                }
            } catch (IOException e) {
                LOGGER.error("connectionIOException : {} , trace : {}", e.getMessage(), e.getStackTrace());
            }
            return null;
        }
    
    }

3.最后通过response导出pdf给前端

最后，对于在开发过程中碰到的问题，做下记录和总结。

  • 字体问题，汉字不显示

html模板body里面font-family属性不要落了
在这里插入图片描述

字体路径要找的到你的字体文件
在这里插入图片描述

font-family属性中的字体要和应用的字体文件字体相对应，举例：font-family中设置的是Microsoft YaHei字体，那么添加的字体文件就一定要是微软雅黑的(图中的msyh.ttc就是微软雅黑的字体文件)

字体下载：常用的字体在windows的自带font文件夹下基本上都有，实在没有就去网上自己找吧

  • html中的img图片标签后缀问题

xhtmlrenderer会对html转成xml，所以对于html格式要求严格，现在前端生成的html中img标签往往都是不带后缀的，所以在接口调用时会报错，小问题，把html中的img加上后缀就好

        // templateContent -- html内容
        Document doc = Jsoup.parse(templateContent);
        // img标签后缀处理
        Elements img = doc.getElementsByTag("img");
        if (!img.isEmpty()) {
            for (Element element:img) {
                if (!element.toString().contains("/>") && !element.toString().contains("</img>")) {
                    templateContent = templateContent.replace(element.toString(),element.toString() + "</img>");
                }
            }
        }
  • 接口报错，html转pdf报错。
    Html To Pdf Failed:Cant load the XML resource (using TRaX transformer). org.w 3c.dom.DOMException: NOT_FOUND_ERR: An attempt is made to reference a node in a context where it does n ot exist.
    在这里插入图片描述

这个问题蛮困扰的，html明明没有问题，然后一步一步debug发现，是因为html中有些标签中加了id属性导致的，根据源码看到的是，id转xml默认给的namespace都是空字符串而导致，查看http://www.w3.org/1999/xhtml也没看到说div标签和img标签支持id属性，最后做了html字符串处理，把id替换成了title

    // id处理，Element对象不支持id属性
    templateContent = templateContent.replaceAll("id=","title=");
  • img图片src为base64 code出现的一点问题

这里的业务场景是HTML中会有二维码或者条形码，用的都是img标签，后端会使用实际数据（这里是资产的编码）的二进制内容转成base64编码然后放入src中
替换，主要注意要加前缀URL_PREFIX_NAME ：

    private final static String ID_BAR = "stylesBarCode";
    private final static String ID_QR = "stylesQrCode";
    private final static String SRC_ATTR_NAME = "src";
    private final static String URL_PREFIX_NAME = "data:image/png;base64,";
    private final static String CHARACTER_ENCODING = "utf-8";

// img的src处理
        Element barElement = doc.getElementById(ID_BAR);
        Element qrElement = doc.getElementById(ID_QR);
        Base64.Encoder encoder = Base64.getEncoder();
        if (barElement != null) {
            byte[] bytes = CodeUtils.generateBarCode(assetVO.getAspAssetNum(), 60, 5, CHARACTER_ENCODING, "code39");
            templateContent = templateContent.replace(barElement.attr(SRC_ATTR_NAME), URL_PREFIX_NAME + encoder.encodeToString(bytes));
        }
        if (qrElement != null) {
            byte[] bytes = CodeUtils.generateQrCode(assetVO.getAspAssetNum(), 20, 20, CHARACTER_ENCODING);
            templateContent = templateContent.replace(qrElement.attr(SRC_ATTR_NAME), URL_PREFIX_NAME + encoder.encodeToString(bytes));
        }

工具方法，生成二维码，生成条形码（用的zxing）：

/**
     * 生成二维码
     *
     * @param text              内容
     * @param width             宽
     * @param height            高
     * @param characterEncoding 字符编码
     * @return 二进制内容
     */
    public static byte[] generateQrCode(String text, int width, int height, String characterEncoding) {
        QRCodeWriter writer = new QRCodeWriter();
        HashMap<EncodeHintType, Object> config = new HashMap<>(BaseConstants.Digital.SIXTEEN);
        config.put(EncodeHintType.CHARACTER_SET, characterEncoding);
        try (ByteArrayOutputStream stream = new ByteArrayOutputStream()) {
            BitMatrix bar = writer.encode(text, BarcodeFormat.QR_CODE, width, height, config);
            MatrixToImageWriter.writeToStream(bar, HrptConstants.ImageType.PNG, stream);
            return stream.toByteArray();
        } catch (Exception e) {
            throw new CommonException(HrptMessageConstants.ERROR_GENERATE_QRCODE);
        }
    }

    /**
     * 生成条形码
     *
     * @param text              内容
     * @param width             宽
     * @param height            高
     * @param characterEncoding 字符编码
     * @param barCodeType       条形码类型
     * @return 二进制内容
     */
    public static byte[] generateBarCode(String text, int width, int height, String characterEncoding, String barCodeType) {
        BarCodeType codeType = BarCodeType.valueOf2(barCodeType);
        switch (codeType) {
            case CODE_39:
                return generateBarCode39(text, width, height, characterEncoding);
            case CODE_93:
                return generateBarCode93(text, width, height, characterEncoding);
            case CODE_128:
                return generateBarCode128(text, width, height, characterEncoding);
            default:
                throw new CommonException(HrptMessageConstants.UNSUPPORTED_CODE_TYPE);
        }

    }
    
    /**
     * 生成Code39条形码
     *
     * @param text              内容
     * @param width             宽
     * @param height            高
     * @param characterEncoding 字符编码
     * @return 二进制内容
     */
    public static byte[] generateBarCode39(String text, int width, int height, String characterEncoding) {
        Code39Writer writer = new Code39Writer();
        HashMap<EncodeHintType, Object> config = new HashMap<>(BaseConstants.Digital.SIXTEEN);
        config.put(EncodeHintType.CHARACTER_SET, characterEncoding);
        try (ByteArrayOutputStream stream = new ByteArrayOutputStream()) {
            BitMatrix bar = writer.encode(text, BarcodeFormat.CODE_39, width, height, config);
            MatrixToImageWriter.writeToStream(bar, HrptConstants.ImageType.PNG, stream);
            return stream.toByteArray();
        } catch (Exception e) {
            throw new CommonException(HrptMessageConstants.ERROR_GENERATE_BARCODE);
        }
    }

    /**
     * 生成Code93条形码
     *
     * @param text              内容
     * @param width             宽
     * @param height            高
     * @param characterEncoding 字符编码
     * @return 二进制内容
     */
    public static byte[] generateBarCode93(String text, int width, int height, String characterEncoding) {
        Code93Writer writer = new Code93Writer();
        HashMap<EncodeHintType, Object> config = new HashMap<>(BaseConstants.Digital.SIXTEEN);
        config.put(EncodeHintType.CHARACTER_SET, characterEncoding);
        try (ByteArrayOutputStream stream = new ByteArrayOutputStream()) {
            BitMatrix bar = writer.encode(text, BarcodeFormat.CODE_93, width, height, config);
            MatrixToImageWriter.writeToStream(bar, HrptConstants.ImageType.PNG, stream);
            return stream.toByteArray();
        } catch (Exception e) {
            throw new CommonException(HrptMessageConstants.ERROR_GENERATE_BARCODE);
        }
    }

    /**
     * 生成Code128条形码
     *
     * @param text              内容
     * @param width             宽
     * @param height            高
     * @param characterEncoding 字符编码
     * @return 二进制内容
     */
    public static byte[] generateBarCode128(String text, int width, int height, String characterEncoding) {
        Code128Writer writer = new Code128Writer();
        HashMap<EncodeHintType, Object> config = new HashMap<>(BaseConstants.Digital.SIXTEEN);
        config.put(EncodeHintType.CHARACTER_SET, characterEncoding);
        try (ByteArrayOutputStream stream = new ByteArrayOutputStream()) {
            BitMatrix bar = writer.encode(text, BarcodeFormat.CODE_128, width, height, config);
            MatrixToImageWriter.writeToStream(bar, HrptConstants.ImageType.PNG, stream);
            return stream.toByteArray();
        } catch (Exception e) {
            throw new CommonException(HrptMessageConstants.ERROR_GENERATE_BARCODE);
        }
    }
  • ImgReplacedElementFactory类中的getImageStream方法（代码上文贴过了）

如果是base64地址的就不用http请求了，直接转二进制再转InputStream，需要注意的是Base64的import不要用错了，否则图片解析不出

import com.lowagie.text.pdf.codec.Base64;

以上就是我在实际开发过程中遇到的问题和解决方法，在这里做个记录，也希望对其他人有所帮助。

湖南第一帅
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
java使用ITextRender（xhtmlrenderer）将html转为pdf下载(及遇到的一些坑)
royal1235的博客
11-22 3537
1.最近项目中使用到了这个功能，所以就来记录一下，并且记录下使用过程中遇到的坑 2.首先需要引入依赖 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.10</version> <
springboot thymeleaf html转pdf两种实现
最新发布
yzshen123456的博客
04-30 572
写博客记录肯定是有不一样的，那么切记，html里一定要带上字体，纸张大小也可以。甚至页眉页脚水印都可以通过css来设置.尤其openhtmltopdf，代码没有直接支持水印什么的，就是让你在HTML里用样式处理。oepnhtmltopdf比上边第一种方式简单，生成的pdf也比第一种清晰，不知道第一种哪里可以设置。thymeleaf是用来获取html数据的，毕竟是个模版，传参最终拼成html的字符串string。代码抄袭就不展示了，我主要是把thymleaf放到了业务工程，pdf转换是单独的插件。
xhtmlrenderer 将html转换成pdf，完美css，带图片，手动分页，解决内容断开的问题
小强快跑~~
01-12 5738
来源：xhtmlrenderer 将html转换成pdf，完美css，带图片，手动分页，解决内容断开的问题 - 煮过的花朵 - 博客园 之前用itext7将html导出为pdf，比较方便，代码较少，而且支持base64的图片。但是itext7是收费的，所以换成了xhtmlrenderer。 xhtmlrenderer自动引入依赖包itext2.0.8，而且不能再引入其他版本的itext，因为itext2.0.8是已经被废弃的，里面的很多方法在新版本已经没有了。 itext导出pdf最重要的4个难点：
SpringBoot Thymeleaf企业级真实应用：使用Flying Saucer结合iText5将HTML界面数据转换为PDF输出(二) 设置多字体, 以及中文不显示的问题
Java的一只小实习生的博客
06-29 960
Thymeleaf企业级真实应用：将HTML界面数据转换为PDF输出
Spring boot实现自定义html页面转pdf，并下载
seeblood的博客
04-20 1882
用到的工具类: 通过这个工具类来讲html转换为pdf，可先用main方法进行测试。以上是html模板 ，要求html遵守xhtml的规范，严格语法要求。vm模板: 使用此模板来进行渲染。然后下面是引用的maven坐标。
HTML转pdf几种解决方案,java开发html转pdf 解决方案
weixin_29774037的博客
06-10 813
之前在工作中遇到过一个需求，是将用户填写的申报，由固定模板的来生成pdf，后来想到先把内容生成html，然后再把html格式的内容转换成pdf。之前在网上找了很多，有很多内容都是转载的，后来折腾了好几天才试出一个真实能用的，所以在这里记录一下。方便以后查阅，也希望能帮到别人。1.所需jar包core-renderer.jar ，iText-2.0.8.jar2、示例html2233322dsss-...
html转PDF工具类
似水流年风萧兮
07-25 924
html模板生成PDF文件输出；String转InputStream；InputStream转String；读取html模板文件并替换参数值；处理html meta标签，使meta标签闭合；获取当前操作系统
Java把html生成pdf (xhtmlrenderer)
09-17
Java代码示例: tools.pdf.ITextTest xhtml代码示例: template.xhtml
使用iText进行HTML转PDF解决中英文不换行bug
11-23
xhtmlrenderer 进行HTML转PDF，修改了core-renderer-R8的源码，兼容中英文换行，且保持对英文单词完整性，亲测可用。
利用Itext实现html转pdf
11-22
import org.xhtmlrenderer.pdf.ITextRenderer; // 创建一个ITextRenderer实例 ITextRenderer renderer = new ITextRenderer(); // 设置HTML内容 String htmlContent = "<html><body><p>Hello, World!</p></...
itext将静态html转pdf 中文显示及换行问题
08-30
注意：此代码是利用itext将静态html转为pdf，非url转pdf 项目为maven项目，注意pom.xml文件中的jar包 解决了中文不显示及不换行的问题 https://blog.csdn.net/woweipingzui/article/details/82017089
IText5实现Html转PDF.zip
05-18
IText5实现Html转PDF（不含图片、表格） 含：字体文件、hmtl文件、jar包、Java代码 安装字体或将字体文件放到相应的目录下。 jar包中的 core-renderer-all.jar 为其他大牛重写的，解决了中文字体和换行的问题。 Html格式要求很严格，注意检查。(ht.html为实际使用的合同内容，亲测效果一致） 注意：没有处理图片、表格等内容。
iTextPDF html转PDF三个包core-renderer-R8pre1.jar itextpdf-5.5.8.jar
09-25
总结起来，`iTextPDF`通过`itextpdf-5.5.8.jar`、`core-renderer-R8pre1.jar`和`itext-asian.jar`这三部分，为Java开发者提供了一个强大且灵活的工具，使他们能够方便地将HTML内容转换为高质量的PDF文档，同时支持...
html转pdf，ITEXT转HTML为PDF解决中文不换行问题
08-02
public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="<style>"; css +="table{"; css +=" border-collapse: collapse;"; css +=" font...
JAVA ITEXT5 导出为PDF（三） HTML页面导出PDF文件
石磊的博客
05-12 3741
JAVA ITEXT5 导出为PDF（三） HTML页面导出PDF文件
html转pdf（总结五种方法Java）
热门推荐
小强快跑~~
08-17 2万+
Java 实现html转pdf，总结五种方法。推荐使用wkhtmltopdf,Itext。
使用Itext将Html转换为Pdf,使用iText将HTML转换为PDF
weixin_30587271的博客
05-31 1616
我发布这个问题是因为许多开发人员以不同的形式提出或多或少相同的问题.我将自己回答这个问题(我是iText集团的创始人/首席技术官),因此它可以成为"维基答案".如果Stack Overflow"文档"功能仍然存在,那么这将是文档主题的一个很好的候选者.源文件:我想将以下HTML文件转换为PDF:Colossal (movie).poster { width: 120px;float: right;...
HTML转PDF（Java itext）
virtual_users的博客
05-18 1227
Java HTML转PDF —> itext 首先需要引入jar包 <dependency> <groupId>com.itextpdf</groupId> <artifactId>html2pdf</artifactId> <version>3.0.3</version> </dependency> packag
写一个使用itext将 html 转换为pdf的帮助类
09-08
### 回答1： 好的，以下是一个使用iText将HTML转换为PDF的帮助类的示例代码： ``` import com.itextpdf.text.Document; import com.itextpdf.text.DocumentException; import com.itextpdf.text.PageSize; import com.itextpdf.text.html.simpleparser.HTMLWorker; import com.itextpdf.text.pdf.PdfWriter; import java.io.*; import java.util.List; public class HtmlToPdfConverter { public static void convert(String htmlFilePath, String pdfFilePath) throws IOException, DocumentException { Document document = new Document(PageSize.A4); PdfWriter.getInstance(document, new FileOutputStream(pdfFilePath)); document.open(); HTMLWorker htmlWorker = new HTMLWorker(document); FileInputStream fileInputStream = new FileInputStream(htmlFilePath); InputStreamReader inputStreamReader = new InputStreamReader(fileInputStream); List<?> htmlList = htmlWorker.parseToList(inputStreamReader, null); for (Object element : htmlList) { document.add((com.itextpdf.text.Element) element); } document.close(); } } ``` 在这个帮助类中，我们使用了iText库的`Document`、`PdfWriter`和`HTMLWorker`类来将HTML转换为PDF。该类有一个名为`convert`的静态方法，该方法接受两个参数：HTML文件的路径和生成PDF文件的路径。在方法中，我们首先创建一个A4大小的`Document`对象，然后使用`PdfWriter`将其与输出文件流关联起来。接着，我们创建一个`HTMLWorker`对象，然后使用`FileInputStream`和`InputStreamReader`将HTML文件读取为`List`类型的对象，最后通过循环将其添加到`Document`中。最后，我们调用`Document`的`close`方法来关闭生成的PDF文件。 请注意，此示例代码仅用于演示目的，并不是生产环境下完整的代码，您需要根据您的实际需求进行调整和扩展。 ### 回答2： 帮助类的设计思路如下： 首先，我们需要引入iText库，将其添加到项目的依赖中。 接下来定义一个名为HtmlToPdfHelper的类，该类包含一个convert方法，用于将HTML文件转换为PDF文件。该方法需要接收两个参数：htmlFilePath（表示待转换的HTML文件路径）和pdfFilePath（表示生成的PDF文件路径）。 在convert方法内部，我们需要进行以下操作： 1. 创建一个Document对象，并设置页面大小和页边距。 2. 创建一个PdfWriter对象，将Document对象与pdfFilePath绑定。 3. 使用ITextRenderer类创建一个ITextRenderer对象，并将htmlFilePath传入其构造函数。 4. 调用ITextRenderer对象的layout方法，将HTML文件布局。 5. 调用ITextRenderer对象的createPDF方法，将布局后的文件保存到Document对象中。 6. 关闭Document对象和PdfWriter对象，完成PDF文件的生成。 下面是完整的HtmlToPdfHelper类的代码示例： ```java import com.lowagie.text.Document; import com.lowagie.text.PageSize; import com.lowagie.text.pdf.PdfWriter; import org.xhtmlrenderer.pdf.ITextRenderer; import java.io.FileOutputStream; public class HtmlToPdfHelper { public static void convert(String htmlFilePath, String pdfFilePath) throws Exception { Document document = new Document(PageSize.A4); PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream(pdfFilePath)); document.open(); ITextRenderer renderer = new ITextRenderer(); renderer.setDocument(htmlFilePath); renderer.layout(); renderer.createPDF(writer.getDirectContent(), writer.getPageSize()); document.close(); writer.close(); } } ``` 使用上述的帮助类，我们可以将HTML文件转换为PDF文件，只需调用convert方法，并传入合适的参数即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值