一开始我直接将将pdf的在线地址url转换为base64，但是不能显示。后来想明白了，只把url转换成base64格式是没有用的，需要把pdf的文件内容转换成base64才行。
创新互联公司专注于企业网络营销推广、网站重做改版、茂南网站定制设计、自适应品牌网站建设、HTML5建站、电子商务商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为茂南等各大城市提供网站开发制作服务。
遇到的问题 ：预览pdf文件时，很多内容未显示。
前言因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最大化，图片的缩放、旋转，平移、键盘控制等。
首先，我们需要确认所要打开的pdf文件是否已经损坏，确认的方法比如使用其他能正常打开pdf文件的电脑试试看打不打得开。也还有可能是因为所要打开的pdf以及经过加密，那么这样的话必须要经过解密才能被打开。
1、最近项目中有这样一个需求：拿到这个需求，真时一头雾水。因为没有做过类似需求，不知从何下手。
2、最近修改公司vue项目中使用pdf.js来实现在线预览上传的各类文件.由于使用pdf.js在预览时是直接在标签内将src属性赋值为要请求的地址.这就导致一个问题，会直接请求服务器的文件路径地址，而这个服务器文件路径就会暴露出来。
3、jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
4、经过这几部的操作，jQuery插件效果才能真正被引用到网页文件中起到作用。Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。
实现的效果也还可以，不过这个保存的是base64的图片，插入数据库的时候我们一般都是保存xxxx.jpg 故需要实现一个方法这里我是根据日期对文件夹分组了，并且保存到数据库。
， tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github点抗 guan 网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。
jQuery File Upload是上传文件的一个插件，不一定是图片，所以里面没做预览的支持。
引入资源 使用Web Uploader文件上传需要引入三种资源：JS， CSS， SWF。