在线预览pdf文件方法

在项目开发中常常需要上传附件,并进行查看。本次项目中需要上传pdf文件并能够在线预览。

为了实现此需求,使用了PDF.js这一js库。

PDF.js官网

PDF.js文件目录结构

项目代码

其中file为PDF文件的路径,

PDF预览页面。图中红色框中分别为打印和下载。

通过PHP实现html页面导出为pdf文件或进行打印

项目开发中需要实现html页面的打印,经过对比,此次使用的是PHP的mPDF6.0类库。

mPDF类库官网

mPDF类库文档

mPDF打印、导出页面教程:

php技术–用php生成PDF最好的类MPDF

PHP 的pdf库mPDF6.0基本使用教程

下图中使用的是ThinkPHP框架,需要将mPDF类库导入框架中第三方类库目录中,在项目中引入mPDF,设置对应参数,进行pdf输出。

 

 

 

 

 

Jquery表单验证插件formValidator的AJAX提交

formValidator是一款基于JQuery的表单验证插件。

jQuery formvalidator插件 API帮助文档

Jquery表单验证插件formValidator使用方法

实际项目中,表单经常需要使用AJAX进行提交,如下:

在AJAX提交时没有先检验表单数据,即formValidator插件没有执行数据校验检查,直接提交到后台,出现前端数据校验未通过也能够提交的情况。

将表单提交事件代码改为如下形式,在提交前先判断当前页中表单是否已经通过formValidator的校验,通过则将数据提交后台,否则不提交。