Javascript 很好的上传程序,当取消正在进行的文件时,任何其他排队的文件都将保持静止状态,直到我添加其他文件
我使用的是API而不是UI。在我的测试中,我将两个视频文件拖到我的拖放区域,当第一个文件上传时,我使用Javascript 很好的上传程序,当取消正在进行的文件时,任何其他排队的文件都将保持静止状态,直到我添加其他文件,javascript,fine-uploader,Javascript,Fine Uploader,我使用的是API而不是UI。在我的测试中,我将两个视频文件拖到我的拖放区域,当第一个文件上传时,我使用 uploader.cancel(id); 我希望第二个文件开始上传,但它没有,而且似乎没有任何方法启动它。我试过了 uploader.getInProgress() uploader.uploadStoredFiles() 我听说有一个文件正在处理中,但Firebug显示没有任何活动。但是,如果我现在添加第三个文件,该文件将立即开始上载,当它完成后,第二个文件将最终开始上载 如何在取消第
uploader.cancel(id);
我希望第二个文件开始上传,但它没有,而且似乎没有任何方法启动它。我试过了
uploader.getInProgress()
uploader.uploadStoredFiles()
我听说有一个文件正在处理中,但Firebug显示没有任何活动。但是,如果我现在添加第三个文件,该文件将立即开始上载,当它完成后,第二个文件将最终开始上载
如何在取消第一个文件的同时启动第二个文件?我试过了
uploader.getInProgress()
uploader.uploadStoredFiles()
但是这报告说没有要上传的文件
我使用分块和同步上传
更新
我不确定这是一个bug还是我做错了什么,所以我将用更多的代码更新这个原始问题,也许@ray nicholus可以让我知道它是否需要向GitHub报告
页面上的Html:
<fieldset>
<div id="thumbnaildrop" class="dragDropArea">
<article class="assetSet">
<ul class="thumbnailset jq-thumbnailset" id="thumbnailset">
</ul>
</article>
</div>
<div class="uploadProgress">
<div class="uploadProgressBar"></div>
<div class="uploadProgressText">Uploading...</div>
</div>
</fieldset>
<fieldset style="margin-top:4px;">
<div class="fileselect">
<div style="padding: 2px 5px; vertical-align: bottom; position: relative; overflow: hidden; direction: ltr;" class="msgButton" id="addfiles">Add files<input style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%;" name="qqfile" multiple="" title="file input" qq-button-id="efa667dc-040e-4f4d-9436-5d90d531c4cf" type="file"></div>
<span id="dragdropmsg" class="adminAdvice jq-dragdropmsg"> or drag and drop files into the panel above</span>
<button style="display: none;" id="cancelupload">Cancel uploading</button>
<script src="/Scripts/shared/all.fine-uploader/all.fine-uploader.min.js" type="text/javascript"></script>
<script src="/Scripts/Shared/Views/FineUploaderSupport.js"></script>
<script type="text/javascript">
$(function() {
fineUploaderSupport.init({
uploadUrl: "/SessionReadOnly/FineUploader",
successUrl: "/Uploads/FineUploaderComplete",
thumbnailQueuedUrl: "/Content/shared/images/placeholderqueued.gif",
thumbnailUploadingPlaceholder: "/Content/shared/images/placeholderuploading.gif"
}, {
$cancelEl: $("#cancelupload"),
$thumbTemplate: $("#newthumbTemplate"),
$additionEl: $("#FilesToAddFromTempUploads"),
browseButtonId: "addfiles",
dropZoneId: "thumbnaildrop",
$thumbDestnEl: $("#thumbnailset"),
$filesTooBigId: $("#filesTooBigAlert")
}, {
imageFiles: "Image files",
movieFiles: "Movie files",
documents: "Documents",
zipFiles: "Zip files",
progressBarMessage: "{size} of {totalSize} at {speed}/s ({time} remaining)",
progressBarCompleteMessage: "{totalSize} uploaded in {time}",
oneSecond: "1 second",
xSeconds: "{quantity} seconds",
oneMinute: "1 minute",
xMinutes: "{quantity} minutes",
oneHour: "1 hour",
xHours: "{quantity} hours"
}, {
maxFiles: 0,
filesAddedFunc: "filesUpload.clearZeroAssetError",
replaceContent: false,
uploadComplete: "",
maxFileSizeBytes: 2147483648,
allowedExtensions: "7z,ai,avi,bmp,div,divx,doc,docx,eps,f4v,flv,gif,indd,jpeg,jpg,m4v,mif,mkv,mov,mp3,mp4,mpeg,mpg,mts,mv4,mxf,pdf,png,pps,ppsx,ppt,pptx,psb,psd,rar,rtf,sbv,tga,tif,tiff,txt,wav,wma,wmv,xls,xlsx,zip",
debug: true
}, {
folder: "2015/09/22174452-c59a5243-607d-4143-bc16-4acc89300d59",
width: "200",
height: ""
});
});
</script>
<script id="newthumbTemplate" type="text/x-jQuery-tmpl">
<li class=tn>
<div data-guid="2643e378-f8d6-4a3b-936e-d9f4914acfa2" title="Delete" class="thumbnailDelete"> </div> <div class="thumbnailDelete new" title="Delete" data-url="${TemporaryFilename}" data-origsz="${TotalOriginalSize}"> </div>
<img src="${ThumbnailUrl}" alt="new thumb" class="imagingThumb ${Classes}" />
<div class="thumbnailFilename" style="width:200px">
<div>${DisplayFilename}</div>
<div>${DisplayText}</div>
</div>
<span class="tn-progress jq-tn-progress"></span>
</li>
</script>
这里没有足够的信息进行故障排除。请提供所有相关代码和日志消息。应该启用调试选项。此外,堆栈溢出不适用于错误报告。如果您认为库中存在bug,请在GitHub repo中打开一个问题。请包括所有相关的代码和调试日志。好的。我不确定我是做错了什么,还是错过了正确的命令。我将更新。我无法确定问题在您发布的日志消息中发生的确切时间。此外,您的代码似乎比我预期的与上载库集成要复杂好几个数量级。我不能把它通读一遍。我将在周一继续测试5.3.2,并尝试使用您在更新之前提供的信息进行复制。谢谢。昨晚,我们确认它与您的演示代码配合良好,因此我们也决定采取相同的措施:从您的演示代码和模板开始,尽量使其看起来像我们现有的系统。此处没有足够的信息进行故障排除。请提供所有相关代码和日志消息。应该启用调试选项。此外,堆栈溢出不适用于错误报告。如果您认为库中存在bug,请在GitHub repo中打开一个问题。请包括所有相关的代码和调试日志。好的。我不确定我是做错了什么,还是错过了正确的命令。我将更新。我无法确定问题在您发布的日志消息中发生的确切时间。此外,您的代码似乎比我预期的与上载库集成要复杂好几个数量级。我不能把它通读一遍。我将在周一继续测试5.3.2,并尝试使用您在更新之前提供的信息进行复制。谢谢。昨晚我们确认它与您的演示代码配合良好,因此我们也决定采取相同的行动:从您的演示代码和模板开始,并尽可能使其看起来像我们现有的系统。