文件选择/文件API-将文件发送到嵌入式PDFObject
File Select/File API - Sending files to Embedded PDFObject
所以我尝试使用文件选择(或文件API)从桌面上选择文件,并将其发送到我的HTML文档中的嵌入式PDF查看器。我用有限的知识尝试了很多不同的方法将文件从文件api推送到PDFObject,但似乎都不起作用。我不确定它是不能做到这一点,还是我只是在很多不同的方面做错了。
<head>
<link href="http://pdfobject.com/css/examples.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://pdfobject.com/scripts/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var myPDF = new PDFObject(handleFileSelect).embed();
// ORIGINALLY var myPDF = new PDFObject({ URL: "location" }).embed();
};
</script>
</head>
<body>
<div id="pdf">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">Click here to download the PDF</a></div>
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// files is a FileList of File objects. List some properties.
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</li>');
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
我可以使用文件选择/文件api来选择文档并将其推送到PDFObject查看器吗?还是它不允许这种连接?
只需创建一个文件即可检索文件的url:
url=window.URL.createObjectURL(inputFile);
然后通过给PDFObject这个url嵌入文件:
PDFObject.embed(url, "#fileContainer");
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用WCF服务和javascript表单post上传.doc文件
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 有可能过滤来自嵌入式YouTube的声音吗
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 文件选择/文件API-将文件发送到嵌入式PDFObject
- 嵌入式 JavaScript 未在 html 文件中运行
- 如何使用嵌入式 ruby 动态创建 jquery 选择器(在 .js.erb 文件中)
- 我怎样才能将所有js文件,CSS,嵌入式脚本打包到js插件中
- 在 MVC3 视图中使用嵌入式 JavaScript 还是单独的 .js 文件更好
- 从嵌入式html文件站点访问google工作表条目
- 嵌入式浏览器在adobeair /Flex -缓存javascript和css文件
- ASP.NET自定义服务器控件,包含大量嵌入式JavaScript和其他静态文件
- 插入嵌入式文件mongodb从快递应用程序