kur*_*odu 7 jquery file-upload image-upload jquery-mobile fine-uploader
我希望将fineuploader集成到我的JQuery Mobile应用程序中.作为一个起点,我尝试使用fineuploader.com上提供的默认模板来熟悉自己.
我从github下载了最新的fineuploader副本. 我已经通过猜测给出了.js文件的来源,因为我找不到关于要引用哪些文件以便使用fineuploader jquery插件的明确文档.
默认模板不起作用,我相信我没有引用相应的文件？有人可以告诉我可能做错了什么吗？
以下是我在fineuploader.com上使用的默认模板.
<!DOCTYPE html>
<html>
<head>
<link href="fine-uploader-master/client/fineuploader.css" rel="stylesheet"/>
</head>
<body>
<!-- The element where Fine Uploader will exist. -->
<div id="fine-uploader">
</div>
<!-- jQuery version 1.10.x (if you are using the jQuery plugin -->
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<!-- Fine Uploader-jQuery -->
<script src="fine-uploader-master/client/js/jquery-plugin.js" type="text/javascript"></script>
<script src="fine-uploader-master/client/js/uploader.js" type="text/javascript"></script>
<script>
// Wait until the DOM is 'ready'
$(document).ready(function () {
$("#fine-uploader").fineUploader({
debug: true,
request: {
endpoint: '/uploads'
},
deleteFile: {
enabled: true,
endpoint: '/uploads'
},
retry: {
enableAuto: true
}
});
});
</script>
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
<span>Drop files here to upload</span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>Upload a file</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing dropped files...</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<ul class="qq-upload-list-selector qq-upload-list">
<li>
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span>
<a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>
<a class="qq-upload-retry-selector qq-upload-retry" href="#">Retry</a>
<a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>
<span class="qq-upload-status-text-selector qq-upload-status-text"></span>
</li>
</ul>
</div>
</script>
</body>
</html>
我同意 Ray 上面的评论，即您不应引用单个文件。
\n\n您只需购买许可证并下载其打包版本即可。http: //fineuploader.com/purchase_form.html
\n\n或者，这里是我用来从 Windows 系统上的 git 存储库构建 FineUploader 的命令。这是对您在 Ray 上面提供的“构建您自己的”链接中找到的内容的更详细解释。我相信这将从存储库中提取最新的代码，如果您想要旧版本，则必须对调用进行一些调查，git clone因为我对此不太熟悉。
npm install \xe2\x80\x93g grunt-clicd c:\\source）git clone git://github.com/Widen/fine-uploadernpm installgrunt package构建打包的js和css文件。最后一个命令将必要的文件组合在一起并将它们放入“_dist”目录中。“_dist”目录包含每个程序风格的文件夹和 zip 文件（all、jquery、s3 等）。更详细的包（即 jquery 与 core）将是更大的文件，因此仅使用您需要的内容。
\n