为什么我'我无法在HTML代码中实现filepicker.io
Why I'm not able to implement filepicker.io into my HTML code?
为了在HTML页面中实现filepicker.io,我编写了以下代码,但不知何故,我无法做到这一点。此外,firebug控制台没有向我显示任何错误或警告。
我提出了以下问题:
filepicker.io—易于实现的
以下是我提到的jsFiddle链接:
http://jsfiddle.net/krystiangw/61861wsv/
以下是我的HTML文件中的代码供您参考:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js">
</script>
<script>
$(document).ready(function(){
filepicker.setKey('AFJvi8ODOSrOayoCb3swoz');
document.getElementById('filepickerBtn').onclick = selectFile;
function selectFile(){
filepicker.pick(
// picker options
{
extension: '.docx',
},
onSuccessCallback
);
};
function onSuccessCallback(Blob){
document.getElementById('postName').textContent = Blob.filename;
document.getElementById('postlink').textContent = Blob.url;
document.getElementById('results').textContent = JSON.stringify(Blob);
};
});
</script>
</head>
<body>
<div class="container">
<h3>Filepicker example</h3>
<p>
<button id="filepickerBtn" class="btn btn-primary">
Select MS-WORD file
</button>
</p>
<p>Filename: <span id="postName"></span></p>
<p>Filelink: <span id="postlink"></span></p>
<p>Results: <pre id="results">Upload file to see results</pre></p>
</div>
</body>
</html>
请指导并纠正我在将filepicker.io集成到HTML中时犯的错误。
你会在fiddle和我的代码中看到的另一个区别是,在fiddler中,他们包含了Bootstrap 3.2.0,但我没有,因为我不知道如何将其包含到我的HTML中。这是唯一的区别。
谢谢。等待您宝贵的答复。
您没有包含bootstrap css,但除了UI之外,它没有什么区别。我看到的另一个区别是,您没有包含filepicker.js
您的firebug控制台必须显示错误,说明文件选择器未定义
只要把这个脚本添加到你的脑海中,你就完成了。
<script src="http://api.filepicker.io/v1/filepicker.js"></script>
检查此小提琴
相关文章:
- PHP代码中实现的JavaScript |if语句不起作用
- 在 Javascript 中实现解耦代码/回调的正确方法是什么?
- Vim-当代码的文字字符串中有括号时,如何实现正确的缩进
- 在 php 代码中实现倒计时 js 倒计时
- Xpages:如何实现客户端JS代码的本地化
- 为什么我'我无法在HTML代码中实现filepicker.io
- 在实现基本Sharethis代码时指定了无效或非法的字符串
- Javascript承诺:它们能在用户空间代码中完全实现吗
- 在单元测试中实现逻辑,以缩短语法并提高测试代码的可重用性
- 无法实现 JavaScript 代码
- 如何实现自定义 Auth0 登录表单的服务器端代码
- 在文本区域中实现 HTML 语法突出显示以编写代码
- 在节点.js代码中实现回调的问题
- HTMLUnit是否包括一个功能性的[HTML5]画布2D实现,能够将图像数据渲染回Java代码
- 如何在此代码上实现 jQuery cookie
- 如何在javascript中实现html代码
- 是否可以用Ext.js实现可移动工具栏,如果可以,如何用我的代码实现
- 在jquery中,代码希望按列对除第一行以外的所有数据求和.我如何通过以下代码实现它
- 改进Jquery代码实现
- 如何将AJAX代码实现为jquery代码