pdfShow

合集下载

48国际音标+自然拼读 PDF

thr ee [θr i:]三 tr ee [tr i:]树 ea t [i:t] 吃 t ea [t i:]茶h e [h i:] 他 m e [m i:]我 p ie ce[p i:s]片rec ei ve[rɪ's i:v]收到字母组合:①ee ②ea ③e ④ie/ei[i:]48个国际音标一s i t [s ɪt] 坐 p i cture ['p ɪktʃər]图画 an y ['en i ]一些 man y ['men i ]许多el e phant ['el ɪfənt]大象 w o m e n ['w ɪm ɪn]女人m i n u te['m ɪn ɪt]分钟b u s y['b ɪz i ]忙的48个国际音标二[ɪ]发音字母:①i ②y ③e ④o ⑤ub a g [b æɡ] 包 h a nd [h ænd] 手 a nd [ænd]和 h a t [h æt]帽子m a p [m æp]地图 gl a d[gl æd]高兴的48个国际音标三[æ]发音字母: a48个国际音标四[e]字母组合:①ea②e③ah ea d [h e d]头部br ea d[br e d]面包d e sk [d e sk]书桌b e d [b e d]床a ny ['e ni]一些m a ny ['m e ni]许多48个国际音标五[ɜː]字母组合:①ir②ur③ear④er⑤org ir l [ɡɜːl] 女孩sh ir t [ʃɜːt]衬衫t ur n [tɜːn]翻转n ur se [nɜːs]护士l ear n[lɜːn]学习ear ly ['ɜːli]早的t er m [tɜːm]学期h er[hɜː]她的w or k [wɜːk]工作w or d[wɜːd]单词48个国际音标六[ə]字母组合:①a②e③i④o⑤u ⑥ar⑦er⑧or⑨ou⑩ura round[ə'raʊnd]周围eleph a nt['elɪfənt] 大象ag e nt['eɪdʒən] 代理list e n['lɪsən]倾听fam i ly['fæməli] 家庭terr i ble['terəbl]可怕的t o gether[tə'ɡeðər]一起less o n ['lesən]功课famul u s['fæmjʊləs]助手foc u s ['fəʊkəs] 焦点famili ar[fə'mɪliə]熟悉的doll ar['dɒlər]美元teach er['ti:tʃər]教师riv er['rɪvər]江河doct or['dɒktər]医生act or['æktər]男演员delici ou s[dɪ'lɪʃəs]美味的Sat ur day['sætədeɪ]周六48个国际音标七[ɑ:]字母组合:①ar②ac ar[kɑ:r]汽车f ar m [fɑ:m]农场f a st [fɑ:st] 快的cl a ss [klɑ:s]班级48个国际音标八[ʌ]发音字母: ①u②o③ou④oos u pper['sʌpər]晚餐l u nch [ lʌntʃ]午餐c o me [kʌm] 来m o ther['mʌðər]母亲en ou gh[ɪ'nʌf]充足的y ou ng[jʌŋ]年轻的bl oo d [blʌd]血fl oo d [flʌd]洪水48个国际音标九[ɔ:]字母组合: ①al②or③au④our⑤arsm al l [smɔ:l]小的w al l [wɔ:l]墙h or se [hɔ:s]马d oor[dɔ:r]门au thor['ɔ:θə] 作者au tumn['ɔ:təm]秋天f our[fɔ:r]四c our t [kɔ:t] 庭院w ar m [wɔ:m]暖和的qu ar ter['kwɔ:tər]1/448个国际音标十[ɒ]发音字母: ①o②ah o t [hɒt] 热的l o t [lɒt] 许多w a nt [wɒnt] 想要w a sh [ wɒʃ]洗48个国际音标十一[u:]字母组合: ①oo②o③u④ouf oo d [f u:d]食物m oo n [m u:n]月亮sh o e [ʃu:]鞋d o[d u:]做tr u e [tr u:]真实的bl u e [bl u:]蓝色y ou[j u:]你,你们gr ou p [ɡr u:p]组48个国际音标十二[ʊ]字母组合:①oo②ou③u④ol oo k [lʊk]看g oo d [ɡʊd]好的w ou ld [wʊd]将c ou ld[kʊd]表请求p u t [pʊt] 放f u ll [fʊl]满的w o man['wʊmən]女子 w o lf [wʊlf]狼48个国际音标十三[eɪ]发音字母: ①a②ay③ea④ai⑤eyn a me [n eɪm]名字c a ke [k eɪk]蛋糕pl ay[pl eɪ] 玩s ay[s eɪ]说gr ea t [ɡr eɪt] 大的br ea k [br eɪk]打破r ai n [r eɪn] 雨p ai nt [p eɪnt]涂料th ey[ðeɪ]Ta们gr ey[ɡr eɪ]灰色48个国际音标十四[aɪ]发音字母: ①i②yb i ke [b aɪk]自行车f i ne [f aɪn]美好的m y[m aɪ]我的tr y[tr aɪ]试图48个国际音标十五[aʊ]字母组合: ①ou②owh ou se [h aʊs]房子ou t [aʊt]向外fl ow er ['fl aʊə] 花朵d ow n [d aʊn]向下48个国际音标十六[əʊ]发音字母: ①o②ow③oa h o me [həʊm] 家g o[ɡəʊ]走kn ow[nəʊ] 知道sh ow[ʃəʊ]显示b oa t [bəʊt]小船c oa t [kəʊt] 外套48个国际音标十七[ɔɪ]字母组合:①oy②oib oy [bɔɪ] 男孩t oy [tɔɪ]玩具oi l [ɔɪl] 油s oi l [sɔɪl] 土壤48个国际音标十八[ɪə]字母组合: ①eer②ea③ear④ereb eer[bɪər]啤酒 id ea[aɪ'dɪə]主意 n ear[nɪər]附近 h ere[hɪər]这里48个国际音标十九[eə]字母组合:①ear ②air③ere④areb ear[b eər]熊p air[p eər] 一对th ere[ðeər] 那里c are[k eər]关心48个国际音标二十[ʊə]字母组合:①our②oor③uret our[tʊər]旅行p oor[pʊər]贫穷的s ure[ʃʊər]确信的48个国际音标二一[p]字母组合:①p②pp③pep et [p et] 宠物shi p[ʃɪp] 轮船a pp le ['æp l] 苹果ha pp y ['hæp i] 高兴的co pe[kəʊp] 对付ri pe[raɪp]成熟的48个国际音标二二[b]字母组合:①b②bb③beb ook [bʊk] 书b all [bɔːl] 球ru bb er ['rʌbər] 橡皮ra bb it ['ræbɪt] 兔子ro be[rəʊb] 长袍tu be[tjuːb] 管道[t]字母组合:①t②tt③te ④ed t ea [t iː] 茶ca t[kæt]猫bu tt er ['bʌtər] 黄油bi te[baɪt] 咬cu te[kjuːt] 可爱的ask ed[ɑːsk t] 问[d]字母组合:①d②dd③de ④ed d uck [dʌk] 鸭子see d[siːd] 种子smil ed[smaɪl d] 微笑play ed[pleɪd] 玩bu dd y ['bʌd i] 伙伴ri de[raɪd] 骑48个国际音标二五[k]字母组合:①c②k③ck ④ch ⑤que⑥kec ap [kæp] 帽子des k[des k] 书桌clo ck[klɒk] 钟ch ristmas ['k rɪsməs]圣诞节che que[tʃe k] 支票la ke[leɪk] 湖48个国际音标二六[ɡ]字母组合:①g②gg③gh ④gu ⑤gueg lass [ɡlɑːs] 玻璃e gg[eɡ] 蛋gh ost [ɡəʊst] 鬼gu ide [ɡaɪd] 引导dialo gue['daɪəlɒɡ] 对话48个国际音标二七[s]字母组合:①s②c③ss ④ce ⑤sc⑥se s ee [s iː] 看见c ity ['sɪti] 城市cla ss[klɑːs]班级fa ce[feɪs]脸sc ene [s iːn]场面sen se[sen s]感觉48个国际音标二八[z]字母组合:①z②s③se ④ze ⑤es z oo [z uː] 动物园photo s['fəʊtəʊz]图片no se[nəʊz]鼻子si ze[saɪz]尺寸kniv es[naɪv z]刀48个国际音标二九[∫]字母组合:①s②sh③ch ④ci ⑤si⑥ti s ure [ʃʊər]确定的sh eep[ʃiːp]绵羊ch ef[ʃef]首领spe ci al['speʃəl]特别的pas si on['pæʃən]激情pa ti ent ['peɪʃənt]耐心的48个国际音标三十[ʒ]字母组合:①s②ge③g ④si ⑤z plea s ure['pleʒər]快乐massa ge[mə'sɑːʒ]按摩re g ime[reɪ'ʒiːm]政权deci si on[dɪ'sɪʒən]决定sei z ure['siːʒər]没收48个国际音标三一[tʃ]字母组合:①ch②tch③ttea ch er['tiːtʃər] 老师pea ch[piːtʃ] 桃子wa tch[wɒtʃ] 手表ma tch[mætʃ] 火柴vir t ual ['vɜːtʃuəl] 事实上ques t ion['kwes tʃən] 问题48个国际音标三二[dʒ]字母组合:①g②ge③dge ④j ⑤di g in g er ['dʒɪn dʒər]姜oran ge['ɒrɪn dʒ]橙子ca ge[keɪdʒ]笼子bri dge[brɪdʒ]桥j u dge[dʒʌdʒ] 法官j ump[dʒʌmp]跳sol di er ['səʊl dʒər] 军人48个国际音标三三[tr]字母组合:①tr ②ter③tar ④taurtr ee [tr iː] 树tr uck [trʌk] 卡车tr ick [trɪk] 诡计in ter est['ɪn trəst] 兴趣secre tar y ['sekrətr i] 秘书res taur ant ['res trɒnt] 餐馆48个国际音标三四[dr]字母组合:①drdr aw[drɔː] 画画dr ink[drɪŋk] 饮料dr iver['dr aɪvər] 司机dr agon ['dræɡən] 龙dr y [dr aɪ] 干燥48个国际音标三五[ts]字母组合:①ts ②tes sea ts[siːts] 座位goa ts[ɡəʊts] 山羊pe ts[pe ts] 宠物ga tes[ɡeɪts] 大门ki tes[kaɪts] 风筝da tes[deɪts] 日期48个国际音标三六[dz]字母组合:①ds ②des see ds[siːdz]种子woo ds [wʊdz] 木头frien ds [fren dz] 朋友bir ds [bɜːdz] 小鸟be ds [be dz] 床ri des[raɪdz] 骑48个国际音标三七[f]字母组合:①f②ff③ph ④gh f ace [f eɪs] 脸co ff ee ['kɒf i] 咖啡ph one [fəʊn]电话ph oto ['fəʊtəʊ]照片cou gh[kɒf]咳嗽lau gh[lɑːf]大笑48个国际音标三八[v]字母组合:①v②fse v en ['se v n]七di v e [daɪv]潜水v est[v est]背心ri v er ['rɪvər]江河sa v e [seɪv]节省o f[əv; ɒv]…的48个国际音标三九[θ]字母组合:①thba th[bɑːθ]洗澡bo th [bəʊθ]双方brea th[breθ]呼吸mou th[maʊθ]嘴巴th ird [θɜːd]第三th ree [θriː]三48个国际音标四十[ð]字母组合:①thfa th er ['fɑːðər]父亲th is [ðɪs]这个mo th er ['mʌðər]母亲th ey [ðeɪ]他们th ere [ðeər]在哪wi th[wɪð]和、用、有48个国际音标四一[m]字母组合:①m②mmar m[ɑːm]手臂a m azing [ə'm eɪzɪŋ]惊讶drea m[driːm]梦想fil m[fɪl m]电影m u mm y ['mʌm i]妈咪su mm er ['sʌmər]夏天48个国际音标四二[n]字母组合:①n②nnn ice [n aɪs]好的Chi n a ['tʃaɪnə]中国he n[he n]母鸡di nn er ['dɪnər]正餐ru nn ing['rʌnɪŋ]跑su nn y['sʌn i]晴朗的48个国际音标四三[l]字母组合:①l②lll eaf [l iːf]叶子c l ock [k lɒk]时钟mi l k [mɪl k]牛奶anima l['ænɪm l]动物te ll[te l]告诉ye ll ow ['je ləʊ]黄色48个国际音标四四[ŋ]字母组合:①n②ngdri n k [drɪŋk]饮料u n cle ['ʌŋkl]叔叔hu n gry ['hʌŋɡri]饥饿bori ng['bɔːrɪŋ]无聊so ng[sɒŋ]歌曲48个国际音标四五[h]字母组合:①h ②whh alf [hɑːf]一半h ide [h aɪd]隐藏h ead [h ed]头wh o [h uː]谁wh ose [h uːz]谁的wh ole [həʊl]全部48个国际音标四六[j]字母组合:①y+元②iy ard [jɑːd]院子y ou [j uː]你y oung [jʌŋ]年轻y esterday ['j estədeɪ]昨天on i on ['ʌn jən]洋葱48个国际音标四七[w]字母组合:①w②whw eek [w iːk]星期s w eet[s w iːt]糖果a w ay[ə'w eɪ]离开wh en[w en]何时wh ite[w aɪt]白色wh ich[wɪtʃ]哪个48个国际音标四八[r]字母组合:①r②rr③wr r ead[r iːd]阅读p r ize[p r aɪz]获奖sto r y['stɔːr i]故事a rr ive[ə'r aɪv]到达co rr ect[kə'r ekt]改正wr ite[r aɪt]书写。

基于DevExpress实现对PDF、Word、Excel文档的预览及操作处理

基于DevExpress实现对PDF、Word、Excel⽂档的预览及操作处理在⼀般的管理系统模块⾥⾯，越来越多的设计到⼀些常⽤⽂档的上传保存操作，其中如PDF、Word、Excel等⽂档，有时候是通过分布式的WCF技术实现数据的显⽰和处理，因此希望直接预览⽽不需要下载⽂件，这样能够给我们提供很多的⽅便。

在DevExpress⾥⾯，提供了相应的控件来显⽰和处理这些⽂档，本⽂主要介绍如何利⽤DevExpress的控件实现对PDF、Word、Excel⽂档的预览和操作处理。

1、PDF的预览和操作在较早的DevExpress的控件⾥⾯，已经提供了对应的PDF⽂档的显⽰控件，不过由于其对PDF格式⽀持不是很好，有些⽂档是Office导出的，也不是很正常阅读，因此很少使⽤，本⽂介绍的DevExpress的PDF查看控件是基于14.1的，测试过很多⽂档，好像都能正常打开，因此也想在系统中⼴泛使⽤了。

为了演⽰这些控件的处理，我单独编写了⼀个例⼦，⽤来实现对PDF、Word、Excel等⽂档的处理。

为了显⽰PDF⽂档，我们需要在界⾯⾥⾯添加⼀个XtraPdfViewer.PdfViewer的控件，这个主要是⽤来显⽰PDF的，它有很多属性⽅法，⽤来实现对PDF的处理操作，测试界⾯设计好如下所⽰。

对PDF，我们⼀般主要是⽤来打开⽂件，另存为，或者预览就可以了。

vue+iview下pdf预览

vue+iview下pdf预览1.安装 npm install --save vue-pdf2.在需要使⽤的页⾯引⼊pdf：import pdf from 'vue-pdf'3.在需要使⽤的使⽤组件就⾏<pdfref="pdf":src="pdfView":page="pageNum":rotate="pageRotate"@progress="loadedRatio = $event"@page-loaded="pageLoaded($event)"@num-pages="pageTotalNum=$event"@error="pdfError($event)"@link-clicked="page = $event"></pdf>参数定义：// pdf预览pageNum: 1,pageTotalNum: 1,pageRotate: 0,// 加载进度loadedRatio: 0,curPageNum: 0,footerHide: true,pdfView: '',pdfShow: false，⽅法：// 上⼀页函数，prePage () {var page = this.pageNumpage = page > 1 ? page - 1 : this.pageTotalNumthis.pageNum = page},// 下⼀页函数nextPage () {this.$refs.scollElement.scrollTop = 0var page = this.pageNumpage = page < this.pageTotalNum ? page + 1 : 1this.pageNum = page},// 页⾯加载回调函数，其中e为当前页数pageLoaded (e) {this.curPageNum = e},// 其他的⼀些回调函数。

PDF应用技巧

PDF应用技巧作者:荒原几年前，据美国印刷技术基金会（GATF）的统计，有88%被调查的印刷企业与印前专业人士在处理客户提交的PDF文件时遇到麻烦，而且方法也不正确，其中有46%的人经过PDF实际操作的培训，但仍存在许多问题。

至今，仍有许多印刷厂在处理PDF文件时存在障碍。

1．透明度：噩梦结束对于设计师来说，“透明度”是一个非常有用的工具，但许多印刷厂的工作人员则对带有透明层的文件十分挠头。

为此，基于Adobe PostScript 3的RIPs(页面描述栅格图像处理器)需要加以改进才能处理透明度问题，然而现今使用的许多RIP仍没能升级到这一水平。

幸运的是，Acrobat 6可以将透明度压并，并打印输出文件，否则不能直接输出到RIP上。

在处理时不要被Advanced（高级）菜单下的Transparency Flattener Preview（透明度压并预览）命令所迷惑，这个对话框只是用来预览透明度对文件中其他对象产生的各种影响，并没有对图像产生真正的影响，只有将文件打印或存成PostScript文件格式后透明度才会真正被压平。

（1）打开“Print（打印）”对话框，单击“Advanced（高级）”选项，查看“Advanced Print Setup （高级打印设置）”命令下的透明度压平情况。

（2）当将滑块移至“光栅（raster）”左侧，所有作用区域的透明度将变平，同时矢量对象转成光栅对象。

（3）将默认的300ppi的“线条与文本” 的分辨率改为不小于1200 ppi，如果以2400 dpi输出胶片，则1200 ppi的设置对低、中分辨率的印刷都有较好的效果。

2．矢量图像的光栅化处理在进入到生产环节创建PDF文件之前，不要对矢量图形进行光栅化处理，通常人们将矢量文件转为JPEG格式，这样当此后对文件再次转换格式时，文件有相当程度的质量丢失，建议采用无损JPEG 2000格式作为转换格式，可以使图像压缩所丢失的信息最小。

Ledshow YQ 软件用户手册说明书

用户手册Ledshow YQ 软件版本号：V1.8 发布时间：2021.4.19目录概述 (1)运行环境 (1)安装与卸载 (1)界面简介 (4)菜单和工具 (5)基本设置 (12)连接设备 (12)添加屏幕 (12)控制器IP配置 (16)设置屏参 (18)WIFI配置 (20)扫描配置 (24)连接配置 (31)服务器配置 (37)设置服务器IP信息 (37)控制卡连接无线路由器 (40)WEB服务器通讯 (42)WiFi模式登录云平台 (47)节目制作步骤 (51)新建节目 (51)图文添加 (52)节目制作完成 (53)播放节目 (54)区域编辑使用详解 (55)字幕播放 (58)时间显示 (60)天气显示 (61)数据库显示 (62)传感器显示 (67)炫彩字显示 (70)网络数据 (72)动态区显示 (74)控制器固件维护 (74)常用功能 (78)校时 (78)亮度 (78)音量 (80)开机 (80)关机 (80)定时开关 (80)高级功能 (81)日志管理 (81)状态查询 (81)切换存储介质 (82)管脚配置 (82)Logo配置 (82)LED标记配置 (83)IP标记配置 (83)控制器通讯密码配置 (84)设置输出方式 (85)设置网络授时 (86)设置接入点（APN） (87)图库管理 (88)字库管理 (89)切换语言 (89)屏幕监控 (89)JTC专用配置 (90)用户管理 (91)快捷调屏 (92)证书管理 (93)音频管理 (93)液位报警设置 (95)群组功能 (96)发送节目 (96)重置屏参 (98)控制器IP配置 (99)音量 (99)亮度 (100)校时 (102)开机 (103)关机 (104)定时开关 (105)查询控制器程序 (107)控制器固件维护 (107)十字屏功能 (109)添加屏幕 (109)简介感谢您购买本公司的LED多媒体播放器。

PHP生成PDF

最近,有一个项目,需要用php写出一个功能,就是动态生成pdf文件,通过查找相关资料,使用pdflib扩展模块下面就先看看如何在PHP里使用这个模块。

首先从/pdflib/index.html下载PDFlib扩展库,然后进行编译extension=php_pdf.dll如果是动态装载，也可以是参照下面的命令：dl("php_pdf.dll");一旦你做好了前期准备，就可以创建PDF文件了，下面就是一个简单的例子：// 创建一个新的PDF文档句柄$pdf = PDF_new();// 打开一个文件PDF_open_file($pdf, "PDFTest.pdf");// 开始一个新页面(A4)PDF_begin_page($pdf, 595, 842);// 得到并使用字体对象$arial = PDF_findfont($pdf, "Arial", "host", 1);PDF_setfont($pdf, $arial, 10);// 输出文字PDF_show_xy($pdf, "This is an exam of PDF Documents, It is a good Lib,",50, 750);PDF_show_xy($pdf, "If you like,please try yourself!", 50, 730);// 结束一页PDF_end_page($pdf);// 关闭并保存文件PDF_close($pdf);?>然后保存成PHP文件，在浏览器里进行浏览，PHP就会执行上面的代码，它产生一个新的PDF文件，并保存到指定的位置。

现在我们分析一下代码，要使用PHP创建PDF文件，有四个步骤：1，创建文档句柄;2，注册文档的字体和颜色;3，用PDFLib提供的函数向文件句柄写文字或画图;4，保存文档。

vue中如何实现pdf文件预览的方法

vue中如何实现pdf⽂件预览的⽅法今天产品提出⼀个优化的需求，就是之前我们做的图⽚展⽰就是⼀个img标签搞定，由于我们做的是海外后台管理系统，那边的⼈上传的⽂件时pdf格式，vue本事是不⽀持这种格式⽂件展⽰的，于是就google搜索，发现有iframe、embed、vueshowpdf(测试了不咋好⽤)、pdf等，本⽂说⼀下pdf插件的使⽤过程。

说明：iframe标签这种，对于有的链接是可以的，⽐如这种链接在服务器端没有设置享有头content-disposition,就可以直接显⽰，如下：想复制代码如下：<iframe src="/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf" width="100%" height="100%">This browser does not support PDFs. Please download the PDF to view it: <a href="/test.pdf" rel="external nofollow" >Download PDF</a></iframe>显⽰效果如下：如果pdf有很多页，也不⽤考虑分页功能，⾃动可以向下滑动就翻页，看着挺好，但是，且往下继续看----->什么情况，下载框，必须下载才能看到，那多影响体验，下到本地还占我磁盘，不⾏不⾏，把上边那个连接放到浏览器，回车看⼀下响应头部：content-disposition :attachment; filename="DOC-20171013-WA0035.pdf"就是它，让我们必须弹出下载框，由于这些⽂件是在远程服务器上存贮着，想着让后端看能不能检测到这个响应头，他们也懒得处理，后来只能⾃⼰处理了，鉴于这种情况，⽹上也是有很多解决办法的，本⼈试验过可以的。

Vue集成vue-pdf进行pdf预览

Vue集成vue-pdf进⾏pdf预览1、安装vue-pdfnpm install --save vue-pdf2、前端⽰例代码如下<template><div class="pdf" v-show="fileType === 'pdf'"><sticky class-name="sub-navbar"><Button @click="handelCancel" icon="md-undo">返回</Button></sticky><div v-if="fileList!=null && fileList.length > 0"><label class="prev" @click="prevPage" v-if="currentIndex != 1">上⼀篇</label><pdfv-if="change"v-for="i in numPages":key="i":src="src":page="i"style="display: inline-block; width: 100%"></pdf><label class="next" @click="nextPage" v-if="currentIndex < fileList.length">下⼀篇</label></div><div v-else><h1>⽆PDF⽂件</h1></div></div></template><script>// npm install --save vue-pdfimport pdf from 'vue-pdf'import {getPdfListByRelationId, getPdfListByProjectId} from '@/api/target-attachment'export default {components: {pdf},data() {return {change: true,fileType: 'pdf', // ⽂件类型src: '', // pdf⽂件地址numPages: 1,flowSonStepId: this.$route.query.flowSonStepId,projectId: this.$route.query.projectId,fileList: [],currentIndex: 1}},mounted() {let _this = thiswindow.addEventListener('popstate', function () {_this.$watermark.set('')},false)this.$watermark.set('嘉定区产业项⽬全流程服务信息系统')this.getPdfList()},methods: {// 初始化获取pdf⽂件getPdfList() {let _this = thisif (this.flowSonStepId){getPdfListByRelationId(this.flowSonStepId).then(res => {if (res.code === 200) {_this.fileList = res.data_this.getPdfCode()}})}else if(this.projectId){getPdfListByProjectId(this.projectId).then(res => {if (res.code === 200) {_this.fileList = res.data_this.getPdfCode()}})}},// 初始化获取pdf⽂件if (_this.fileList != null && _this.fileList.length > 0) {let fileLoadUrl = window.configs.testUrlswitch (process.env.NODE_ENV) {case 'test':fileLoadUrl = window.configs.testUrlbreakcase 'production':fileLoadUrl = window.configs.proUrlbreak}_this.loadPDF(fileLoadUrl + "/file/loadPdfFile/" + _this.fileList[0].id)}},prevPage() {this.currentIndex--},nextPage() {this.currentIndex++},loadPDF(pdfUrl) {this.change = falselet self = thislet loadingTask = pdf.createLoadingTask(pdfUrl)console.log(loadingTask)loadingTask.promise.then(pdf => {self.src = loadingTaskself.numPages = pdf.numPages}).catch((err) => {console.error('pdf加载失败')})this.change = true},handelCancel() {this.$watermark.set('')this.$router.go(-1)}}}</script><style>.prev {position: absolute;top: 50%;z-index: 100;}.next {position: absolute;top: 50%;z-index: 100;right: 10px}#app{overflow-y: auto;}</style>3、后端⽰例代码@RestController@RequestMapping("pdf")public class PdfController {@GetMapping("downloadFile/{fileName}")public void downloadFile(@PathVariable("fileName") String fileName, HttpServletResponse response) {response.setHeader("content-type", "application/octet-stream");response.setContentType("application/octet-stream");try {response.setHeader("Content-Disposition", "attachment;filename=" + .URLEncoder.encode(fileName, "UTF-8")); } catch (UnsupportedEncodingException e2) {e2.printStackTrace();}byte[] buff = new byte[1024];BufferedInputStream bis = null;OutputStream os = null;try {String path = "D:\\Ch";os = response.getOutputStream();bis = new BufferedInputStream(new FileInputStream(new File(path + "\\" + fileName + ".pdf")));int i = bis.read(buff);while (i != -1) {os.write(buff, 0, buff.length);}} catch (FileNotFoundException e1) { } catch (IOException e) {e.printStackTrace();} finally {if (bis != null) {try {bis.close();} catch (IOException e) {e.printStackTrace();}}}}}。

reactnative pdf预览

reactnative pdf预览React Native是一种广泛使用的JavaScript框架，它可以用于构建出色的移动应用程序。

在日常的移动应用程序开发中，PDF预览功能是不可或缺的。

这是因为，PDF文件是一种常见的文件格式之一，很多应用程序和网站都需要支持PDF预览功能。

在这篇文章中，我们将介绍如何在React Native应用程序中实现PDF预览功能。

一、安装PDF预览插件React Native的插件分类繁多，其中就有PDF预览插件可供选择。

我们可以使用react-native-pdf这个插件。

要安装这个插件，我们可以使用npm package manager。

具体来说，我们需要在命令行中执行以下命令：npm install react-native-pdf –save这个命令将安装react-native-pdf插件并将其添加到我们的应用程序的依赖项中。

二、添加PDF文件资源在我们的应用程序中实现PDF预览功能之前，我们需要准备一些PDF 文件资源。

我们可以在oepn.pdf官网下载一些PDF文件测试样例。

我们需要将这些PDF文件添加到我们的React Native应用程序中。

我们可以将这些文件添加到assets文件夹中。

但是，如果我们要在iOS设备上使用这些PDF文件，我们还需要将这些PDF文件添加到我们的Xcode项目中。

三、创建PDF预览组件现在，我们已经安装了react-native-pdf插件并添加了一些PDF文件资源。

接下来，我们可以创建一个PDF预览组件。

我们可以创建一个名为PDFViewer.js的组件，代码如下：import React, { Component } from 'react';import { View } from 'react-native';import PDFView from 'react-native-pdf';class PDFViewer extends Component {render() {return (<View style={{ flex: 1 }}><PDFViewstyle={{ flex: 1 }}source={{uri: this.props.url, cache:true}}onError={(error) => console.log('PDFView error: ', error)}/></View>);}}export default PDFViewer;在这个组件中，我们使用了react-native-pdf插件的PDFView组件。

pdf格式详解

pdf(Portable Document Format,便携式文档结构)是一种很有用的文件格式,其最大的特点是平台无关而且功能强大(支持文字\图象\音乐\视频).今天先讲一下pdf的文件(物理)结构PDF文件结构可分为以下几块:1.header:pdf文件的第一行,格式如下:%PDF-1.3表示当前文件的版本是1.3(目前最高版本为1.5)2.body:pdf文件中用到的所有对象,包括文本\图象\音乐\视频\字体\超连接\加密信息等等,格式如下:2 0 obj...end obj其中省略号部分是pdf规定的任意合法对象(一共8种)3.cross reference table:所有pdf对象的引用表,其格式如下:xref0 50000000000 65535 f0000000009 00000 n0000000074 00000 n0000000120 00000 n0000000179 00000 n其中,xref是开始标志,表示以下为引用表内容;0 5表示从对象号为0的开始,连续有5个对象(0,1,2,3,4),分别用5行来表示.每行的前10个数字代表这个这个对象相对文件头的偏移地址,后面5个数字只有当这个对象被删除的时候才有用,表示这个对象被删除后又被重新生成后的对象号最后一位f或n表示对象是否被使用(n表示使用,f表示被删除或没有用)4.trailer:整个pdf文件的入口点,形式如下:trailer<</Size 8/Root 1 0 R>>startxref553%%EOF/size :这个pdf中总共使用了多少个对象/root :这个pdf文件的catalog对象的对象号,这是pdf中最顶层的对象/startxref: 后面的数字表示cross reference table的开始位置/%%EOF :文件结束符.实际一个pdf文件是很复杂的,但是上面几个部分是确定的,只能多不能少.下一讲我说一下pdf里面8种类型.1.booleam用关键字true或false表示,可以是array对象的一个元素,或dictionary对象的一个条目.2.numeric包括整形和实型,不支持非十进制数字,不支持指数形式的数字.例:1)整数123 4567 +111 -2范围:正2的31次方-1到负的2的31次方2)实数12.3 0.8 +6.3 -4.01 -3. +.03范围:±3.403 × 10的38次方±1.175 × 10的-38次方注意:如果整数超过表示范围将转化成实数,如果实数超过范围就出错了3.string由一系列0-255之间的字节组成,一个string总长度不能超过65535.string有以下两种方式: 1)由()包含起来的一个字串,中间可以使用转义符"\".例:(abc) 表示abc(a\\) 表示a\2)由<>包含起来的一个16进制串,两位表示一个字符,不足两位用0补齐例:<Aabb> 表示AA和BB两个字符<AAB> 表示AA和B0两个字符由一个前导/和后面一系列字符组成,最大长度为127.和string不同的是,name是不可分割的和唯一的,不可分割就是说一个name对象就是一个原子,比如/name,不能说n就是这个name 的一个元素;唯一就是指两个相同的name一定代表同一个对象.从pdf1.2开始,除了ascii的0,别的都可以用一个#加两个十六进制的数字表示.例:/name 表示name/name#20is 表示name is/name#200 表示name 05.array用[]包含的一组对象,可以是任何pdf对象(包括array).虽然pdf只支持一维array,但可以通过array的嵌套实现任意维数的array(但是一个array的元素不能超过8191)例:[549 3.14 false (Ralph) /SomeName]6.Dictionary用"<<"和">>"包含的若干组条目,每组条目都由key和value组成,其中key必须是name对象,并且一个dictionary内的key是唯一的;value可以是任何pdf的合法对象(包括dictionary对象). 例:<< /IntegerItem 12/StringItem (a string)/Subdictionary << /Item1 0.4/Item2 true/LastItem (not!)/VeryLastItem (OK)>>>>7.stream由关键字stream和endstream包含一系列字节.内容和string很相似,但有区别:stream可以分几次读取,分开使用不同的部分,string必须作为一个整体一次全部读取使用;string有长度限制,但stream却没有这个限制.一般较大的数据都用stream表示.例:(略)8.NULL用null表示，代表空．如果一个key的值为null，则这个key可以被忽略；如果引用一个不存在的object则等价于引用一个空对象．例:(略)给大家说点有用的东西：为什么有的pdf不允许打印？pdf有自己的加密措施，其中就有限制打印．找到trailer，如果这个pdf是加密的话会有一个/Encrypt的name，他的值一般形式是n 0 R，表示这个pdf文件的加密信息在n 0这个obj里面记录．找到这个obj，其下有一个/P的name，他的值是一个数字(32位)其中第三位代表是否有打印权限:)由于pdf的特殊文件结构，注定pdf的生成是一件很麻烦的事情。

Jili_Silk

80CHINA TODAYILI silk is a type of silk produced in Jili Village, Nanxun Town, Nanxun District, Huzhou City in east Chi-na’s Zhejiang Province. Jili Village has been producing silk since the village was established in the late Yuan Dynasty (1271-1368). Jili silk is character-ized by being stretchy, soft and fine with an even thickness and shiny white color. With these features, Jili silk is widely rec-ognized in China and across the world. In the mid-Ming Dynasty (1368-1644), this silk became more renowned for being one of the materials used to make the em-peror’s most exquisite robes. In the Qing Dynasty (1644-1911), the government-administered weaving bureau used to cultural heritage items.The cultivated silkworm used for Jili silk is called the Lianxin, literally mean-ing lotus seed. In Jili Village, wooden reeling tools were designed specifically for Jili silk. The silk making technique was traditionally passed down by female members of a family. In addition to being used for clothes, quality Jili silk can also be made into strings for Chinese zither, or guqin , a plucked seven-stringed musical instrument, or used as materials to restore ancient silk scrolls.In the rigorous process of making Jili silk, selecting cocoons is the first step. Spotted, dented, or thin cocoons areregarded substandard and unsuitable. The cocoons need to be boiled in hot water to remove any impurities and some jelly-like substance. Workers then manually extract the silk filaments from the cocoons, a process which requires great patience, as INTANGIBLE CUL TURAL HERITAGEJili Silking. The silk making equipment is set in motion by a worker using foot pressure. It takes eight cocoons to produce one roll of spun silk ready for sale.Since the emergence of the reeling machine, the hand-reeling industry began to decline in the rural areas of Nanxun. To protect this age-old skill, a traditional hand-reeling workshop and a demonstra-tion center were set up in the old town of Nanxun, showcasing the charm of this traditional skill to visitors.Today, through genetic screening tech-nology, inheritors of Jili silk making can breed silkworms producing filaments in natural colors, such as light yellow, golden yellow and light pink. The step of dyeing thus becomes unnecessary in some cases. Making use of the optical properties of Jili silk, scientists are experimenting with innovative applications of the fabric. For example, they are extracting fibroin from JGu Mingqi, a national intangible heritage inheritor, is showcasing silk reeling techniques to a group of visiting students on April 19, 2019.。

用Visual C++实现PDF文件的显示

用Visual C++实现PDF文件的显示PDF介绍PDF是“Portable Document Format 可移植文档格式”的缩写，它是Adobe公司开发的一种电子文档格式，已经成为国际通用的电子文档交换事实标准。

PDF文件可以在各种平台下阅读、编辑、发布。

该文件格式支持字体、图像、甚至任何附件的嵌入。

Adobe公司提供了两种软件用于处理PDF文档，分别是Acrobat及Acrobat Reader：前者功能强大，不仅能阅读，还可以创建或编辑PDF文档，但要收费；后者只具备阅读功能，为免费软件。

用ActiveX控件显示PDF文件Acrobat（Reader）提供了一个ActiveX控件pdf.ocx（7.x版本为AcroPDF.dll），可以在用户程序中实现PDF文件的显示。

对于老版本的软件（4.x及以前的版本），只需按照ActiveX 控件的标准编程步骤即可：(1)把控件pdf.ocx加入VC项目，并生成控件类(2)把控件放置在对话框上，或者调用控件类的成员函数Create创建控件对象(3)调用控件的属性或方法打开PDF文件由于这不属于本文要讨论的内容，详情请参考《Visual C++技术内幕》中“使用ActiveX 控件”一章，这里不再赘述。

但是对于新版软件（5.x/6.x/7.x），上述方法不再适用：新版控件不是一个完整意义上的ActiveX控件，它缺少生成控件类所必需的类型库信息，无法把控件加入VC项目。

在这种情况下，需要调用函数CWnd::CreateControl来创建控件对象，然后获取控件的IDispatch接口指针，通过该指针访问控件的属性及方法。

直接用IDispatch指针调用控件的属性及方法是一件极其繁琐的工作，好在新版软件提供了类型库，可以用它生成一个自动化组件驱动类（从COleDispatchDriver派生）。

借助该类，可以大大简化对控件属性及方法的调用。

虽然可以用控件显示PDF文件，但它只是一个代理，真正的工作还是由Acrobat（Reader）完成的，因此必须安装这两种软件中的一个。

解决vue-pdf查看pdf文件及打印乱码的问题

解决vue-pdf查看pdf⽂件及打印乱码的问题前⾔vue中简单使⽤vue-pdf预览pdf⽂件，解决打印预览乱码问题vue-pdf 使⽤安装npm install --save vue-pdf引⼊import pdf from "vue-pdf⾃定义封装pdf预览组件<template><el-dialog:visible.sync="pdfDialog":close-on-click-modal="false":show-close="false"width="900px"top="52px"><div class="pdf" v-show="fileType == 'pdf'"><p class="arrow"><span@click="changePdfPage(0)"class="currentPage":class="{ grey: currentPage == 1 }">上⼀页  </span><span style="color: #8c8e92;">{{ currentPage }} / {{ pageCount }}</span><span@click="changePdfPage(1)"class="currentPage":class="{ grey: currentPage == pageCount }">  下⼀页</span>    <button @click="$refs.pdf.print()">下载</button><spanstyle="float :right;padding-right:40px;font-size: 20px;color: #8c8e92;cursor: pointer;"@click="close"><i class="el-icon-close"></i></span></p> <pdfref="pdf":src="src":page="currentPage"@num-pages="pageCount = $event"@page-loaded="currentPage = $event"@loaded="loadPdfHandler"></pdf></div></el-dialog></template><script>import pdf from "vue-pdf";export default {components: { pdf },props: ["src"],data() {return {filesProps: {label: "originName"},pdfDialog: false,currentPage: 0, // pdf⽂件页码pageCount: 0, // pdf⽂件总页数fileType: "pdf" // ⽂件类型};},methods: {// 改变PDF页码,val传过来区分上⼀页下⼀页的值,0上⼀页,1下⼀页changePdfPage(val) {if (val === 0 && this.currentPage > 1) {this.currentPage--;}if (val === 1 && this.currentPage < this.pageCount) {this.currentPage++;}},// pdf加载时loadPdfHandler() {this.currentPage = 1; // 加载的时候先加载第⼀页},handleOpen() {this.pdfDialog = true;},//关闭弹框close() {this.pdfDialog = false;}}};</script><style lang="stylus">.currentPage {cursor: pointer;color: #8c8e92;}.currentPage:hover {color: #2761ff;}.arrow{position: fixed;top: 0px;left :0px;z-index: 2;width: 100%;background-color: #191919;padding: 12px 0;margin: 0;text-align :center;}>>>.el-dialog__body {color: #606266;font-size: 14px;padding:0;}</style>使⽤<template><el-container><el-header><el-card><div><el-buttonstyle="font-style:oblique;font-size: 18px;"@click="handlePreviewFile">PDF 预览</el-button><el-buttonstyle="float: right;line-height: 40px;padding: 3px;"type="text"@click="handleSafetyExperience"><i class="el-icon-caret-left">返回</i></el-button></div></el-card></el-header><el-main><el-card class="card-style"><pdf-preview ref="pdfSearch" :src="src"></pdf-preview></el-card></el-main></el-container></template><script>import PdfPreview from "../widget/PdfPreview";export default {name: "InfoExperience",components: {PdfPreview},data() {return {src:"/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf" };},created() {},methods: {handlePreviewFile() {this.$refs.pdfSearch.handleOpen();},handleSafetyExperience() {this.$router.push({ path: "/safetyApp/sharedExperience" });}}};</script><style scoped></style>预览效果点击下载打印预览预览出现乱码pdf打印乱码解决办法打开vue-pdf插件⽬录node_modules/vue-pdf/src/pdfjsWrapper.js解决办法乱码解决，打印预览正常修改后pdfjsWrapper.js源码以下为本⼈修改的pdfjsWrapper.js⽂件，亲测解决乱码问题import { PDFLinkService } from 'pdfjs-dist/lib/web/pdf_link_service';export default function(PDFJS) {function isPDFDocumentLoadingTask(obj) {return typeof(obj) === 'object' && obj !== null && obj.__PDFDocumentLoadingTask === true;}function createLoadingTask(src, options) {var source;if ( typeof(src) === 'string' )source = { url: src };else if ( src instanceof Uint8Array )source = { data: src };else if ( typeof(src) === 'object' && src !== null )source = Object.assign({}, src);elsethrow new TypeError('invalid src type');var loadingTask = PDFJS.getDocument(source);loadingTask.__PDFDocumentLoadingTask = true; // since PDFDocumentLoadingTask is not public if ( options && options.onPassword )loadingTask.onPassword = options.onPassword;if ( options && options.onProgress )loadingTask.onProgress = options.onProgress;return loadingTask;}function PDFJSWrapper(canvasElt, annotationLayerElt, emitEvent) {var pdfDoc = null;var pdfPage = null;var pdfRender = null;var canceling = false;canvasElt.getContext('2d').save();function clearCanvas() {canvasElt.getContext('2d').clearRect(0, 0, canvasElt.width, canvasElt.height);}function clearAnnotations() {while ( annotationLayerElt.firstChild )annotationLayerElt.removeChild(annotationLayerElt.firstChild);}this.destroy = function() {if ( pdfDoc === null )return;pdfDoc.destroy();pdfDoc = null;}this.getResolutionScale = function() {return canvasElt.offsetWidth / canvasElt.width;}this.printPage = function(dpi, pageNumberOnly) {if ( pdfPage === null )return;// 1in == 72pt// 1in == 96pxvar PRINT_RESOLUTION = dpi === undefined ? 150 : dpi;var PRINT_UNITS = PRINT_RESOLUTION / 72.0;var CSS_UNITS = 96.0 / 72.0;// var iframeElt = document.createElement('iframe');var printContainerElement = document.createElement('div');printContainerElement.setAttribute('id', 'print-container')// function removeIframe() {//// iframeElt.parentNode.removeChild(iframeElt);function removePrintContainer() {printContainerElement.parentNode.removeChild(printContainerElement);}new Promise(function(resolve, reject) {// iframeElt.frameBorder = '0';// iframeElt.scrolling = 'no';// iframeElt.width = '0px;'// iframeElt.height = '0px;'// iframeElt.style.cssText = 'position: absolute; top: 0; left: 0';//// iframeElt.onload = function() {//// resolve(this.contentWindow);// }//// window.document.body.appendChild(iframeElt);printContainerElement.frameBorder = '0';printContainerElement.scrolling = 'no';printContainerElement.width = '0px;'printContainerElement.height = '0px;'printContainerElement.style.cssText = 'position: absolute; top: 0; left: 0';window.document.body.appendChild(printContainerElement);resolve(window)}).then(function(win) {win.document.title = '';return pdfDoc.getPage(1).then(function(page) {var viewport = page.getViewport(1);// win.document.head.appendChild(win.document.createElement('style')).textContent =printContainerElement.appendChild(win.document.createElement('style')).textContent ='@supports ((size:A4) and (size:1pt 1pt)) {' +'@page { margin: 1pt; size: ' + ((viewport.width * PRINT_UNITS) / CSS_UNITS) + 'pt ' + ((viewport.height * PRINT_UNITS) / CSS_UNITS) + 'pt; }' + '}' +'#print-canvas { display: none }' +'@media print {' +'body { margin: 0 }' +'canvas { page-break-before: avoid; page-break-after: always; page-break-inside: avoid }' +'#print-canvas { page-break-before: avoid; page-break-after: always; page-break-inside: avoid; display: block }' +'body > *:not(#print-container) { display: none; }' +'}'+'@media screen {' +'body { margin: 0 }' +// '}'+//// '''}'return win;})}).then(function(win) {var allPages = [];for ( var pageNumber = 1; pageNumber <= pdfDoc.numPages; ++pageNumber ) {if ( pageNumberOnly !== undefined && pageNumberOnly.indexOf(pageNumber) === -1 )continue;allPages.push(pdfDoc.getPage(pageNumber).then(function(page) {var viewport = page.getViewport(1);// var printCanvasElt = win.document.body.appendChild(win.document.createElement('canvas'));var printCanvasElt = printContainerElement.appendChild(win.document.createElement('canvas'));printCanvasElt.setAttribute('id', 'print-canvas')printCanvasElt.width = (viewport.width * PRINT_UNITS);printCanvasElt.height = (viewport.height * PRINT_UNITS);return page.render({canvasContext: printCanvasElt.getContext('2d'),transform: [ // Additional transform, applied just before viewport transform.PRINT_UNITS, 0, 0,PRINT_UNITS, 0, 0],viewport: viewport,intent: 'print'}).promise;}));}Promise.all(allPages).then(function() {win.focus(); // Required for IEif (win.document.queryCommandSupported('print')) {win.document.execCommand('print', false, null);} else {win.print();}// removeIframe();removePrintContainer();}).catch(function(err) {// removeIframe();removePrintContainer();emitEvent('error', err);})})}this.renderPage = function(rotate) {if ( pdfRender !== null ) {if ( canceling )return;canceling = true;pdfRender.cancel();return;}if ( pdfPage === null )return;if ( rotate === undefined )rotate = pdfPage.rotate;var scale = canvasElt.offsetWidth / pdfPage.getViewport(1).width * (window.devicePixelRatio || 1);var viewport = pdfPage.getViewport(scale, rotate);emitEvent('page-size', viewport.width, viewport.height);canvasElt.width = viewport.width;canvasElt.height = viewport.height;pdfRender = pdfPage.render({canvasContext: canvasElt.getContext('2d'),viewport: viewport});annotationLayerElt.style.visibility = 'hidden';clearAnnotations();var viewer = {scrollPageIntoView: function(params) {emitEvent('link-clicked', params.pageNumber)},};var linkService = new PDFLinkService();linkService.setDocument(pdfDoc);linkService.setViewer(viewer);pdfPage.getAnnotations({ intent: 'display' }).then(function(annotations) {PDFJS.AnnotationLayer.render({viewport: viewport.clone({ dontFlip: true }),div: annotationLayerElt,annotations: annotations,page: pdfPage,linkService: linkService,renderInteractiveForms: false});});pdfRender.then(function() {annotationLayerElt.style.visibility = '';canceling = false;pdfRender = null;}).catch(function(err) {pdfRender = null;if ( err instanceof PDFJS.RenderingCancelledException ) {canceling = false;this.renderPage(rotate);return;}emitEvent('error', err);}.bind(this))}this.forEachPage = function(pageCallback) {var numPages = pdfDoc.numPages;(function next(pageNum) {pdfDoc.getPage(pageNum).then(pageCallback).then(function() {if ( ++pageNum <= numPages )next(pageNum);})})(1);}this.loadPage = function(pageNumber, rotate) {pdfPage = null;if ( pdfDoc === null )return;pdfDoc.getPage(pageNumber).then(function(page) {pdfPage = page;this.renderPage(rotate);emitEvent('page-loaded', page.pageNumber);}.bind(this)).catch(function(err) {clearCanvas();clearAnnotations();emitEvent('error', err);});}this.loadDocument = function(src) {pdfDoc = null;pdfPage = null;emitEvent('num-pages', undefined);if ( !src ) {canvasElt.removeAttribute('width');canvasElt.removeAttribute('height');clearAnnotations();return;}if ( isPDFDocumentLoadingTask(src) ) {if ( src.destroyed ) {emitEvent('error', new Error('loadingTask has been destroyed')); return}var loadingTask = src;} else {var loadingTask = createLoadingTask(src, {onPassword: function(updatePassword, reason) {var reasonStr;switch (reason) {case PDFJS.PasswordResponses.NEED_PASSWORD:reasonStr = 'NEED_PASSWORD';break;case PDFJS.PasswordResponses.INCORRECT_PASSWORD: reasonStr = 'INCORRECT_PASSWORD';break;}emitEvent('password', updatePassword, reasonStr);},onProgress: function(status) {var ratio = status.loaded / status.total;emitEvent('progress', Math.min(ratio, 1));}});}loadingTask.then(function(pdf) {pdfDoc = pdf;emitEvent('num-pages', pdf.numPages);emitEvent('loaded');}).catch(function(err) {clearCanvas();clearAnnotations();emitEvent('error', err);})}annotationLayerElt.style.transformOrigin = '0 0';}return {createLoadingTask: createLoadingTask,PDFJSWrapper: PDFJSWrapper,}}补充知识：vueshowpdf插件预览中⽂pdf出现乱码问题+pdf.js加载bcmap⽂件404报错vue项⽬中使⽤到pdf在线预览，使⽤了vueshowpdf，测试pdf是好好的，但是当上传到服务器出现预览的pdf乱码问题，很是纠结，⽹上找了好多资料没有，于是找找pdf相关的pdf预览乱码（中⽂乱码）问题解决⽅案。

显示隐藏文件（Showhiddenfiles）

显示隐藏文件（Show hidden files）Show hidden files.Txt Ming Sao is easy to hide, dark base to prevent. Buddha said: "you two are silly, B!"! When during the day and a night to turn on the bed, the sun was born with the answer actually hidden files don't "appeared", most of the system has been called a "sxs.exe" virus, the virus is called Trojan.PSW.QQPass.pqb virus, it is generally through the commonly used flash disk or removable disk the illegal spread of the virus, the main harm is forced to terminate in the local system installed antivirus software application process, reduce the security level of the local computer system, while also stealing passwords and local QQ account; if the computer system accidentally infected with the virus, "sxs.exe" system for each partition in the root directory window there will be a "sxs.exe" file and the "autorun.inf" file, and use the mouse to click the system partition drive, the system does not have any reaction, more important It is unable to display the hidden files of the system properly. Therefore, when we select a local system in the "show all files and folders" option, still can not let the hidden files "appeared", as long as we enter the system task manager process tag page, look at the system in running the "svohost.exe" or "sxs.exe" service process that once saw then, it shows that the hidden files had "sxs.exe" virus. To force the hidden files to appear, we have to clean the sxs.exe virus out of the system in the following way. First press the Ctrl Alt Del composite keys on the keyboard, open task manager system window, click the window "process" tab, and select the "svohost.exe" or "sxs.exe" in this process in the corresponding tab, and then click end process "button, so you can" sxs.exe "virus the process of forcibly banned. Then click "start" / "run" command, open the run dialog system, in whichthe input string command "regedit", click "OK" button, enter the local computer to the system registry editing window; in the edit window on the left side of the display window lattice, launched the "HKEY_LOCAL_MACHINE" branch project with the mouse and under the branch of the project and then select "SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Advance d\Folder\Hidden\SHOWALL" sub items, the list on the right corresponds to "SHOWALL" in the sub items (Figure 1), check the existence of a "CheckedValue" double byte value is. Here we need to look for is, once the computer system is subjected to the "sxs.exe" virus attacks, "type CheckedValue" key is likely to be modified into a string value type, this type of key is of no use; Figure 1 so when we see the "SHOWALL" item below CheckedValue "does not exist" the key, or find the key type is wrong, the useless string value "CheckedValue" is deleted, and then use the blank position right click "SHOWALL" sub item list to the right area, then from the pop-up menu, select "new" / "Dword" command, and will double byte just create value name is set to "CheckedValue"; and then double-click the mouse just created the "CheckedValue" double byte values in the pop-up edit Dword value The window, the number "1" directly fill in the "value data" in the text box (Fig. 2), then click "OK" button to end the set operation, finally will restart the computer system; Figure 2 below in order to prevent the "sxs.exe" virus "comeback", again make bad things in the system, we need to use the right mouse button click the system partition drive, the implementation of the "open" command from the shortcut menu method (oh, try not to use the double click open the system partition root directory,This might help the sxs.exe virus perform a destructiveoperation again. Go to the system partition root window and delete the "sxs.exe" file and the "svohost.exe" file directly. Then again into the system registry editing window, use the mouse to launch the "HKEY_LOCAL_MACHINE" branch of the project, and below the branch project select"SOFTWARE\Microsoft\Windows\CurrentVersion\Run" sub items, the list on the right corresponds to "Run" item, check the existence of a "SoundMam" string value whether, if the string value exists, and then double-click the mouse keys from the pop-up numeric settings window, check the string keys whether the contents of "C:\Windows\ system32\svohost.exe", then select the "SoundMam" string value and remove it, and exit the registry editor window; now open system Explorer window access to the system partition directory "system32" folder window, then the The window in the file "sxs.exe" and "svohost.exe" files directly deleted, then start operation of a system, so we believe that once again open the folder options settings window, and select the "show all files and folders", most of the system can be re emerged to hide files.The best way to show hidden files:Open notepad and copy the following:Windows Registry Editor Version 5[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersi on\Explorer\Advanced\Folder\Hidden\SHOWALL]"CheckedValue" =dword:00000001File name: "show hidden files (.REG, to ensure that the" folder option "remove" Hide extensions for known file types "), double-click the file again to" hide file set display folder option ".According to past experience, you are estimated to be in the sxs.exe virus:The most rapid and thorough antivirus method:* note that the third, fourth step can help you display hidden files that are invisible1, disconnect the network connection2, open the task manager, there should be a SVOHOST.EXE process, and put it to an end. Find SOVHOST.EXE in C:\WINDOWS\system32 and delete it.3, execute "start" - "run" - enter "regedit" to open the registry4, find the HKEY_LOCAL_MACHINE\Software\Microsoft\windows\ CurrentVersion\explorer\Advanced\Folder\Hidden\SHOWALL in CheckedValue, check its type is REG_DWORD, if not CheckedValue is deleted, then right click the "new" - > "Dword value", and was named CheckedValue, and then modify its value is 1. (without this step, the sixth, seventh step will not be able to view the hidden system files)5, open the hard disk ("my computer" right "open" or "Explorer"on the right side to choose),6, folder options - View - select show all files and folders, and hide the protected system file check box to remove the selection.7, you can see each hard disk root directory, there are autorun.inf and sxs.exe files, delete them all. If there are also on the U disk, also delete. The U disk may be deleted and it will appear again. Then check that there is no SOVHOST.EXE process in the task manager and end it (see 2).8, this should be almost.9, if installed is rising, firewall and antivirus software should be able to open, and other anti-virus software should also be opened.10, if the rising computer monitoring can not be opened, or open after the red umbrella is closed,And all have failed to open the monitor, then the "control panel", "management tools" - "service", find "Rising Process Communication Center", should be disabled, right click the "properties", a startup type to "automatic", and enable the service.11, at this point, the computer returned to normal。

若依后台pdf文件上传预览功能实现

若依后台pdf⽂件上传预览功能实现闲话少说，上代码。

add.html上传图⽚；控制类保存； show.html展⽰图⽚⽂本。

除此之外，⽂件上传需要配置存储在本地那个位置（application.yml中的profile），之后就可以通过查找该位置找到该⽂件。

add.html<!DOCTYPE html><html lang="zh" xmlns:th="" ><head><th:block th:include="include :: header('修改整改任务')" /><th:block th:include="include :: bootstrap-fileinput-css"/><th:block th:include="include :: select2-css" /></head><body class="white-bg"><div class="wrapper wrapper-content animated fadeInRight ibox-content"><form class="form-horizontal m" id="form-reform-edit" th:object="${inspectionReform}"><input name="reformId" th:field="*{reformId}" type="hidden"><input name="reformCheckid" th:field="*{reformCheckid}" type="hidden"><div class="form-group"><label class="col-sm-3 control-label">整改照⽚路径：</label><div class="col-sm-8 fileinput fileinput-new" data-provides="fileinput"><div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;"></div><div class=""><span class="btn btn-white btn-file"><span class="fileinput-new">选择图⽚</span><span class="fileinput-exists">更改</span> <input type="hidden" name="reformImgpath" th:field="*{reformImgpath}"><input id="filePath" type="<a href="#" class="btn btn-white fileinput-exists" data-dismiss="fileinput">清除</a></div></div></div></form></div><th:block th:include="include :: footer" /><th:block th:include="include :: bootstrap-fileinput-js"/><th:block th:include="include :: jasny-bootstrap-js" /><th:block th:include="include :: select2-js" /><script th:inline="javascript">var prefix = ctx + "model/reform";$("#form-reform-edit").validate({focusCleanup: true});function uploadFile(url) {var formData = new FormData();if ($('#filePath')[0].files[0] == null) {$.modal.alertWarning("请先选择⽂件路径");return false;}formData.append('reformId',$('#reformId').val());formData.append('file', $('#filePath')[0].files[0]);$.ajax({url: url,type: 'post',cache: false,data: formData,processData: false,contentType: false,dataType: "json",success: function(result) {$.operate.successCallback(result);}});}function submitHandler() {if ($.validate.form()) {/*$.operate.save(prefix + "/edit", $('#form-check-edit').serialize());*/uploadFile(prefix+"/edit");}}</script></body></html>控制类/*** 修改保存整改任务*/@RequiresPermissions("model:reform:edit")@Log(title = "整改任务", businessType = BusinessType.UPDATE)@PostMapping("/edit")@ResponseBodypublic AjaxResult editSave(@RequestParam("file") MultipartFile file, @RequestParam("userid")long userid,InspectionReform inspectionReform) throws IOException {User user = getSysUser();// 上传⽂件路径String filePath = RuoYiConfig.getUploadPath();// 上传并返回新⽂件名称String fileName = FileUploadUtils.upload(filePath, file);return toAjax(inspectionReformService.updateInspectionReform(inspectionReform));}show.html<!DOCTYPE html><html lang="zh" xmlns:th="" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"><head><th:block th:include="include :: header('整改任务列表')" /></head><body class="gray-bg"><div class="container-div"><div class="row"><div class="col-sm-12 search-collapse"><form id="formId"><div class="select-list"><ul><li><label>创建⼈：</label><input type="text" name="reformCreateby"/></li><li><a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a><a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a></li></ul></div></form></div><div class="btn-group-sm" id="toolbar" role="group"><a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="model:reform:edit"><i class="fa fa-edit"></i> 修改</a><a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="model:reform:export"><i class="fa fa-download"></i> 导出</a></div><div class="col-sm-12 select-table table-striped"><table id="bootstrap-table"></table></div></div></div><th:block th:include="include :: footer" /><script th:inline="javascript">var editFlag = [[${@permission.hasPermi('model:reform:edit')}]];var removeFlag = [[${@permission.hasPermi('model:reform:remove')}]];var reformDeletedDatas = [[${@dict.getType('inspection_delete')}]];var reformStatusDatas = [[${@dict.getType('reform_status')}]];var prefix = ctx + "model/reform";$(function() {var options = {url: prefix + "/list",createUrl: prefix + "/add",updateUrl: prefix + "/edit/{id}",removeUrl: prefix + "/remove",exportUrl: prefix + "/export",modalName: "整改任务",columns: [{checkbox: true},{field: 'reformImgpath',title: '整改照⽚路径',formatter:function (value,row,index) {return $.table.imageView(value);}},{title: '操作',align: 'center',formatter: function(value, row, index) {var actions = [];actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.reformId + '\')"><i class="fa fa-edit"></i>编辑</a> ');actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.reformId + '\')"><i class="fa fa-remove"></i>删除</a>'); return actions.join('');}}]};$.table.init(options);});</script></body></html>。

SumatraPDF高级设置

SumatraPDF高级设置// 是否允许用 Esc 键退出 SumatraPDFEscToExit = false// 是否用现有窗口打开文档ReuseInstance = false// 是否使用系统颜色显示背景/文本色UseSysColors = false// 启动时是否恢复会话RestoreSession = true// 自定义 PDF, XPS, DjVu 和 PostScript 的 UI 界面FixedPageUI [// 文本色,默认为黑TextColor = #000000// 背景色,默认为白BackgroundColor = #ffffff// 选定文本色SelectionColor = #f5fc0c// 文档在窗口中显示时的上,右,下,左边距WindowMargin = 2424// 书籍模式双页显示时,水平和垂直间距PageSpacing = 44//梯度渐变色,只支持三种颜色. 实验性, 也许对继续阅读有帮助. //通常建议为: #2828aa #28aa28 #aa2828 GradientColors =]// 电子书(EPUB, Mobi, FictionBook)的 UI 界面定制选项.// 若 UseFixedPageUI 为 True 时使用默认配置.EbookUI [//字体名称.重新打开文档后生效FontName = Georgia//字体大小.重新打开文档后生效FontSize = 12.5//文本色TextColor = #5f4b32//页面背景色BackgroundColor = #fbf0d9// 如果为 True, 电子书也将使用 PDF 文档的默认配置//(开启打印和搜索,禁用自动 reflow)UseFixedPageUI = false]//漫画书和图片的 UI 界面定制选项ComicBookUI [// 文档在窗口中显示时的上,右,下,左边距WindowMargin = 0000// 书籍模式双页显示时,水平和垂直间距PageSpacing = 44// 如果为 True, 默认显示漫画书文件为漫画模式// (一次性从右向左显示2页)CbxMangaMode = false]// CHM 文件定制选项.ChmUI [//若为真,界面将使用默认的 PDF 文档风格UseFixedPageUI = false]//各种文件类型的附加外部查看器列表（可以有多个条目格式）ExternalViewers [[//命令行的调用外部查看器，可以用 %p 页号和“%1”文件名（在包含空格的路径中添加引号）CommandLine =//菜单中显示外部查看器的名称Name =打开对话框的过滤选项,要指定支持的文件类型,多个项目使用;分割,不要包含任何空格 (比如 *.pdf;*.xps)Filter =]]//是否显示菜单栏,可以使用 F9 或 ALTShowMenubar = true//文件更改后是否自动重载//(目前还不支持工作在 ebook UI 模式)//(introduced in version 2.5)ReloadModifiedDocuments = true//标题栏是否显示完整路径 (introduced in version 3.0)FullPathInTitle = false//缩放比例的间隔介于 8.33 和 6400 之间ZoomLevels = 8.3312.5182533.335066.67751001251502003004006008001000//缩放比率的步长,如果为0,则使用默认ZoomIncrement = 0//设置打印对话框的默认选项PrinterDefaults [默认值是 scaling (shrink, fit, none)PrintScale = shrink]//自定义显示搜索结果 (used from LaTeX editors)ForwardSearch [//当设置为正数值时，将向前搜索高亮样式改为矩形.//在页面的左边（从页边空白处注明）HighlightOffset = 0//高亮选区的高度 (if HighlightOffset is > 0)HighlightWidth = 15//高亮搜索的颜色HighlightColor = #6581ff//为真时一直显示高亮HighlightPermanent = false]//一个空格分隔的密码尝试打开受密码保护的文件时//（必须输入包含空格的密码时）//(introduced in version 2.4)DefaultPasswords =//自定义主屏幕 DPI//（如果这个值不是正数，将使用系统的UI设置// (introduced in version 2.5)CustomScreenDPI = 0//是否为每个文档保存显示配置RememberStatePerDocument = true// 当前 UI 的语言, 使用 ISO 码UiLanguage =//是否显示工具栏ShowT oolbar = true//是否侧栏显示收藏夹ShowFavorites = false// SumatraPDF 关联的文件格式扩展名 (e.g. “.pdf .xps .epub”)AssociatedExtensions =//是否自动应用文件扩展名关联AssociateSilently = false// 是否每天检测一次更新CheckForUpdates = true//要忽略更新的版本VersionT oSkip =//是否记住上次打开的文档RememberOpenedFiles = true//反向搜索时启动 LaTeX 编辑器InverseSearchCmdLine =//是否增强的 LaTex 反向搜索EnableTeXEnhancements = false//默认的页面布局.//有效值: automatic, single page, facing, book view,//continuous, continuous facing, continuous book viewDefaultDisplayMode = automatic//默认缩放模式使用比例(in %) 或下述值:// fit page, fit width, fit contentDefaultZoom = fit page//默认窗口状态. 1 is normal, 2 is maximized,//3 is fullscreen, 4 is minimizedWindowState = 1//默认窗口位置(x,y)和尺寸(宽,高)WindowPos = 0000//对于支持解析的文档, 在侧栏显示目录标签(书签)ShowT oc = true//侧栏宽度 favorites/bookmarksSidebarDx = 0//如果收藏夹和书签侧边栏部分可见，这就是书签的高度（目录表）部分TocDy = 0//是否显示启动页面ShowStartPage = true//是否使用标签模式UseTabs = true//打开文件的信息FileStates [[//文档路径FilePath =//为书签/收藏夹保留的值Favorites [[收藏夹在菜单中显示的名称Name =//书签页面数值PageNo = 0//页面标签PageLabel =]]//文档列表项目是否可以使用固定IsPinned = false//文档列表项目是否可以隐藏IsMissing = false//是否记录文档打开次数OpenCount = 0//再次打开加密文档时,是否询问密码DecryptionKey =//打开文件是否使用通用对话框UseDefaultState = false//页面布局.//有效值为: automatic, single page, facing, book view, //continuous, continuous facing, continuous book view DisplayMode = automatic//文档滚动距离 (in x and y direction)ScrollPos = 00//上次阅读页面的编号PageNo = 1//缩放比例或有效值: fit page, fit width, fit content Zoom = fit page//页面旋转角度, 90 度递增Rotation = 0//窗口状态. 1 is normal, 2 is maximized,// 3 is fullscreen, 4 is minimizedWindowState = 0//默认位置 (可以任意显示器)WindowPos = 0000//是否显示书签ShowT oc = true//侧栏宽度SidebarDx = 0//漫画模式,只限于漫画书DisplayR2L = false//在电子书UI中恢复上次读取页所需的数据ReparseIdx = 0//需要确定表的哪些部分已展开的数据.TocState =]]//保存上次会话,用于崩溃时恢复会话// (introduced in version 3.1)SessionData [[//data required for restoring the view state of a single tab TabStates [[//path of the documentFilePath =//same as FileStates -> DisplayModeDisplayMode = automatic//number of the last read pagePageNo = 1//same as FileStates -> ZoomZoom = fit page//same as FileStates -> RotationRotation = 0//how far this document has been scrolled (in x and y direct ion)ScrollPos = 00//如果为真，该文件被关闭时表现出表的内容ShowT oc = true//same as FileStates -> TocStateTocState =]]//当前选择的标签序列 ( 1 为基数)TabIndex = 1//同步 FileState -> WindowStateWindowState = 0//默认位置WindowPos = 0000//侧栏关闭时的宽度SidebarDx = 0]]//自动更新后重载文档的数据请求//(introduced in version 3.0) ReopenOnce =//上次更新时间TimeOfLastUpdateCheck = 00 //在历史记录中保存打开次数OpenCountWeek = 0。