前端pdf文件怎么处理

① 怎么实现前端HTML页面在线预览服务器传来的PDF和Word文件

可以用flash显示。

② pdf怎么进行编辑

本视频演示机型：戴尔5570，适用系统：Windows10家庭中文版，软件版本：迅捷PDF编辑器2.1.4.2；
PDF是一种可移植的文档文件格式，可以将文字、字型、格式等固定下来，不易改变，一些朋友不知道如何对pdf文件进行编辑，下面我来给大家介绍一下；
首先打开【迅捷PDF编辑器】，选择【编辑PDF】，打开需要的PDF文件，点击【编辑内容】，选择【仅文本】，然后选中要修改的文字段落。
【拓展资料】
一、PDF是可携带文档格式的文档，由AdobeSystems用于与应用程序、操作系统、硬件无关的方式进行文件交换所发展出的文件格式。PDF以PostScript语言图象模型为基础，无论在哪种打印机上都可保证精确的颜色和打印效果。由衍生自PostScript、字型嵌入系统等三项技术组成。它是一种电子文件格式，与操作系统平台无关。PDF主要由三项技术组成：衍生自PostScript，用以生成和输出图形；字型嵌入系统，可使字型随文件一起传输；·结构化的存储系统，用以绑定这些元素和任何相关内容到单个文件，带有适当的数据压缩系统。PDF文件使用了工业标准的压缩算法，通常比PostScript文件小，易于传输与储存。它还是页独立的，一个PDF文件包含一个或多个“页”，可以单独处理各页，特别适合多处理器系统的工作。此外，一个PDF文件还包含文件中所使用的PDF格式版本，以及文件中一些重要结构的定位信息。正是由于PDF文件的种种优点，它逐渐成为出版业中的新宠。
二、最初PDF只被看作是一种页面预览格式，而不是生产格式。然而市场的感觉并非如此，市场期望转化了这种格式的焦点，从而也改变了该产品。各种各样的电子书阅读器充斥着国内外市场，已经在很多领域取代纸质媒体。纸质媒体阅读率的下降很大程度上是因为广大读者将注意力从纸质媒体转向了电子类读物。虽然电子图书市场销售额远远不能同传统图书市场相比，但发展势头强劲。大多数电子阅读器厂商都开始全部或部分支持PDF格式。市面上使用较多的PDF电子阅读器有当当网手机阅读器，掌门科技的百阅，九月网的九月读书，以及开发出来的安卓手机专用阅读器。
三、自1995起，Adobe参与了一些由ISO创建出版技术规范及在用于特定行业及用途的PDF标准专业子集（如PDF/X或PDF/A）进程中与ISO协作的工作组。制定完整PDF规格的子集的目的是移除那些不需要或会对特定用途造成问题以及一些要求的功能的使用在完整PDF规格中仅仅是可选的（不是强制性的）功能。2007年1月29日，Adobe宣布将发布完整的PDF1.7规格给美国国家标准协会（ANSI）及企业内容管理协会（AIIM），为了由国际标准化组织(ISO)发布。ISO将制定PDF规格是未来版本，而且Adobe仅仅是ISO技术委员会的一员。ISO“全功能PDF”的标准在正式编号ISO32000之下发布。全功能PDF规格意味着不仅仅是AdobePDF规格的子集；就ISO32000-1而言全功能PDF包含了Adobe的PDF1.7规格定义的每一条。然而，Adobe后来发布了不是ISO标准的一部分的扩展。那些也是PDF规格中的专有功能，只能作为额外的规格参考。

③ 前端生成pdf，jspdf+html2Canvas的使用(vue)

2、安装html2Canvas: npm install --save html2canvas

这里使用 iframe 嵌套需要转成pdf的html文件；

如果pdf内容是动态的，可以将html丢给后端，让后端使用freemarker ftl模板语言或是啥其他的模板语言更改即可，然后将整个html作为字符串传给前端，前端再使用iframe 的 srcdoc属性将内容渲染出来。

不存在分页内容裂开的情况，但对样式呈现不太友好，有时会出现内容偏移情况，时好时坏的，经过不断的尝试，发生偏移的时候，可以将html2Canvas的width写死，但是值具体是多少，需要你自己猜

分页会出现问题：比如图片裂开，表格的某一行从中间断开了等等....我用的笨方法手动去调整iframe的宽、高+html2Canvas的width、height+contentWidth、contentHeight，一点点试出来合适的值（应该有更好的方法，但是技术有限）

1. 生成多页pdf，分页内容裂开的问题

④ pdf格式的文件怎么修改图片等内容

工作中，我们每天都要处理大量的文件，PDF文件就是其中一种。当我们打开一份PDF文件，文件里有图片，而我们想要修改该图片，我们需要怎么做呢？如果屏幕前的你不知道的话，那么继续阅读下去吧。

• 01

  首先我们需要打开要修改图片的PDF文档，随后点击编辑内容按钮中的文字部分，在弹出的选项中选择全部内容。

• 02

  这时候编辑内容功能就已经开启了，我们会发现图片被虚线框住，这时候我们就可以移动图片的位置，调整图片大小了。

• 03

  如果想要对图片的属性进行设置，我们点击编辑按钮，在弹出的选项中选择属性。

• 04

  这时候我们可以在界面的右边看到一个属性框，我们可以在这个属性框中设置图片的不透明度、混合模式、大小等参数。

• 05

  如果觉得这张图片与文档内容不协调，我们可以鼠标右键点击图片，然后在弹出选项中选择替换图像。

• 06

  这时候会弹出一个文件选择框，我们可以在这里找到自己想要的替换图像，找到图像后，双击点开即可。

• 07

  这样，pdf文档中的图片就被替换掉了，我们可以对替换图片进行大小及位置做调整，从而达到阅览协调的目的。

⑤ 如何实现springmvc将返回的给前端的pdf文件放在浏览器里预览

1，在web路径下建立一个uploadFiles文件夹。

2，在springMVC里映射文件就像映射静态文件那样。

<mvc:resources mapping="/pdf/**" location="/uploadFiles/"/>

3，写个controller返回PDF的URL路径。

@Controller
@CrossOrigin(origins = "*")
public class PDFController {

@ResponseBody
@RequestMapping(value = "/pdf", method = RequestMethod.GET)
public String pdfDownload() throws IOException
{
String retString = null;
String dir = XXXX文件在服务器中路径。
String path = httpServletRequest.getRequestURL() + dir.substring(dir.lastIndexOf('\'));
retString = path.replaceAll("\\","/");
Map<String,Object >map = new HashMap<>();
map.put("code",0);
map.put("pdf",retString);
return JSON.toJSONString(map);
}
}

4，返回的JSON数据。

{"code":0,"pdf":"8080/pdf/1472128890165sample.pdf"}，前面加上http://127.0.0.1:。

5,浏览器中直接打开pdf这个url就可以预览PDF啦。

⑥ python3前端传递的pdf文件对象如何存储到服务器的指定目录

1.前端页面
<form action="/upload" method="post" enctype="multipart/form-data">
文件：<input type="file" name="testUpload"/>
<input type="submit" />
</form>
2.java代码
@RequestMapping(value = "upload")
@ResponseBody
public String upload(@RequestParam("testUpload") MultipartFile file) {
if (file.isEmpty()) {
return "文件为空";
}
// 获取文件名
String fileName = file.getOriginalFilename();
System.out.println("上传的文件名为：" + fileName);
// 获取文件的后缀名
String suffixName = fileName.substring(fileName.lastIndexOf("."));
System.out.println("上传的后缀名为：" + suffixName);
// 文件上传后的路径
String filePath = "E://test//";
File dest = new File(filePath + fileName);
// 检测是否存在目录
if (!dest.getParentFile().exists()) {
dest.getParentFile().mkdirs();
}
try {
file.transferTo(dest);
return "上传成功";
} catch (IllegalStateException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return "上传失败";
}