
[英]What error I'm making in following jQuery code to integrate filepicker.io to upload a single image file?
[英]Why I'm not able to implement filepicker.io into my HTML code?
为了将filepicker.io实现到我的HTML页面中,我编写了以下代码,但是以某种方式我无法做到这一点。 而且,firebug控制台没有向我显示任何错误或警告。
我已经提到了以下问题:
以下是我引用的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中出错的地方。
在小提琴琴和我的代码中,您将观察到的另一个不同之处是,在小提琴琴中,它们包含了Bootstrap 3.2.0,但我没有,因为我不知道如何将其包含在HTML中。 那是唯一的区别。
谢谢。 等待您的宝贵答复。
您尚未包括bootstrap css,但是除了UI之外,它没有任何区别。 我可以看到的另一个区别是您没有包含filepicker.js
您的Firebug控制台必须显示错误,指出未定义filepicker
只需将此脚本添加到您的脑海中就可以完成。
<script src="http://api.filepicker.io/v1/filepicker.js"></script>
检查这个小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.