在线预览pdf文件方法

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

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

PDF.js官网

PDF.js文件目录结构

项目代码

其中file为PDF文件的路径,

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

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

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

jQuery formvalidator插件 API帮助文档

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

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

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

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