草庐IT

pdf-form

全部标签

javascript - AngularJS:从服务器下载pdf文件

我想使用$http从网络服务器下载一个pdf文件。我使用这段代码效果很好,我的文件只保存为html文件,但是当我打开它时,它在浏览器中以pdf格式打开。我在Chrome36、Firefox31和Opera23上对其进行了测试。这是我的angularjs代码(basedonthiscode):UserService.downloadInvoice(hash).success(function(data,status,headers){varfilename,octetStreamMime="application/octet-stream",contentType;//Getthehea

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - redux-form 如何加载数据进行编辑

我正在使用redux-form加载编辑表单的初始数据似乎让我感到困惑,但提交时未验证数据。我已经设法将数据传递并加载到字段中,但似乎没有加载到表单Prop等中。请查看以下代码,如果需要更多信息,请告诉我。Form_Bayan.jsimportReact,{Component,PropTypes}from"react";import{browserHistory}from"react-router";import{reduxForm,Field}from"redux-form";import{MyCustomInput,MySimpleInput,MyCustomSelect}from"

javascript - 通过 Javascript 显示或隐藏 PDF 中的元素

在PDF文件中,通过JavascriptAPI与表单域交互非常容易。.是否可以对页面上的任意元素执行此操作(特别是显示/隐藏)?比如说,不仅是表单字段,还有文本、图形元素、嵌入式图像……是否有API可以与这些进行交互?如果是,我如何识别对象? 最佳答案 这在很大程度上取决于文档的“扁平化”程度。您可以轻松访问链接、页面标题、图标等,但据我所知,您处理的不是与HTMLDOM类似的文档,其中所有内容都可以在some方式。创建PDF时,即使是从Illustrator等分层应用程序创建的,也会合并(拼合)文档的各个部分以保持较小的文件大小。

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当

javascript - 从网络应用程序生成 PDF

我需要从我的网络应用程序的当前屏幕生成PDF。某种屏幕截图,但我面临着严重的困难。主要问题是View包含一个用jQueryGridster制作的网格;一些“小部件”包含复杂的元素,如表格、图表等。所以像jsPDF这样的插件或html2canvas无法以适当的PDF格式呈现我的页面。他们总是生成空白。这是页面的样子。您可以/移动调整每个元素的大小:(对不起,CIA风格,但里面有业务数据)我遇到但行不通的一些想法是:以编程方式使用浏览器打印到PDF的功能。(不能)使用phantomjs.(但是页面状态很重要,所以...)我相信任何试图从网络应用程序中的当前屏幕生成img的PDF的人都可以广

javascript - 自定义 DatePicker Angular Formly 字段不会出现验证错误消息

我正在尝试使用AngularDatetimePicker作为AngularFormly输入类型。我让它正常工作,这样我就可以编辑和设置一个正确添加到绑定(bind)模型的值。但是,我无法让验证错误消息像在常规输入字段上那样显示。JSBinwithwhatI'vegotsofar.如您所见,当您退出该字段时红色不会出现,只有当您尝试提交时才会出现。而且错误消息永远不会出现。FormlyConfig:formlyConfigProvider.setType({name:'datepicker',templateUrl:"custom-template.html",overwriteOk:t

javascript - Ninja Forms 3.0 On Form Load javascript 事件

我试图找到一个javascript事件,当忍者表单准备好并加载到DOM中时,该事件会被触发。我查看了文档并在谷歌上搜索了一段时间,找不到任何东西......我正在使用NinjaForms3+(尽管2好得多......)我宁愿不运行一个间隔来检查表单是否已经加载。谢谢! 最佳答案 不幸的是,漂亮的NinjaForms插件没有正确记录。花了很多时间才找到这个解决方案(使用jQuery):jQuery(document).on('nfFormReady',function(){console.log('Formisready');//Pl

javascript - 使用单选按钮和复选框从 HTML 生成 PDF

目前jspdf方法仅显示内容和图像,但如何包含单选按钮图标。vardoc=newjsPDF();varspecialElementHandlers={'#editor':function(element,renderer){returntrue;}};$('#cmd').click(function(){doc.fromHTML($('#content').html(),15,15,{'width':170,'elementHandlers':specialElementHandlers});doc.save('sample-file.pdf');});CTScangeneratePD

javascript - Chrome 扩展程序 - 保存 PDF 文件

我正在开发一个Chrome扩展程序,它将文件保存到下载文件夹(这不是它所做的全部,但这是我遇到的问题)。现在我专注于PDF文件。基本上,当在Chrome中打开PDF时,用户可以使用Menu->SaveFileAs手动保存它...,我只是想使用扩展程序自动执行此功能,但我还没有找到了一个很好的方法。假设我可以检测当前选项卡中是否包含PDF文件(基于this问题的答案)。到目前为止,我想到的最好的办法是启动下载:chrome.downloads.download({url:tabs[0].url,saveAs:false,filename:"myfile",/*Thiswillbesome