blueimp jquery 文件上传 - 远程访问问题答案

【问题标题】：blueimp jquery file upload - issues with remote accessblueimp jquery 文件上传 - 远程访问问题
【发布时间】：2017-12-15 17:02:14
【问题描述】：

我使用的是 Jquery File Upload，但在使用远程访问时遇到了一些问题。

通常，事件列表以：-change -add ...etc ...开始并以：-总是-停止-开始-完成-完成-停止。但有时，在 -stop 之后什么也没有发生。

经过多次测试，我发现了一个奇怪的行为。有时，在我选择了一些文件之后，进程并没有结束（- 停止），上传的文件是不可见的，但是如果我检查 html 代码，我可以看到 ligne <tr> 但她的课程是“模板下载淡入淡出”而不是“模板下载淡入淡出”。如果你稍微作弊并添加“in”，那就太神奇了！！！整个过程到最后。

可能是我在参数上犯了一些错误，但是我检查了关于插件的所有主题，但没有找到任何答案。

这是我的代码：

 $("#fileupload").fileupload({
        url: "/upload/server/php/",
        dataType: "json",
        limitMultiFileUploadSize: 400971520,
        limitMultiFileUploadSizeOverhead: 400971520,
        maxFileSize: 400971520,
        disableImageResize: /Android(?!.*Chrome)|Opera/ .test(window.navigator.userAgent),
        acceptFileTypes: /(\.|\/)(pdf|jpe?g|png|bmp|tif?f)$/i,
        autoUpload: true,
});

也许我需要告诉你我使用的是 zendFramework 2, php 5.6。

【问题讨论】：

感谢cfnerd的指正

标签： jquery jquery-plugins jquery-file-upload blueimp

【解决方案1】：

更多信息：文件被发送到服务器，我做了一些更改：

$("#fileupload").fileupload({
  url: "/upload/server/php/",
  dataType: "json",
  limitConcurrentUploads: 3,
  limitMultiFileUploadSize: 20971520,
  limitMultiFileUploadSizeOverhead: 20971520,
  maxFileSize: 20971520,
  formAcceptCharset: "utf-8",
  disableImageResize: /Android(?!.*Chrome)|Opera/.test(window.navigator.userAgent),
  prependFiles: true,
  previewOrientation: true,
  acceptFileTypes: /(\.|\/)(pdf|jpe?g|png|bmp|tif?f)$/i,
  autoUpload: true
});

还有：

$("#fileupload").bind("fileuploaddestroy", function (e, data) { 
   var numberOfFiles = $("#fileupload").fileupload("option").getNumberOfFiles();
   if(numberOfFiles > 0){
      $(".infoNum").text("Nombre de fichier : "+ (numberOfFiles-1));
   }else{
      $(".infoNum").text(""); 
   }
}).bind("fileuploadcompleted", function(e, data) {
   var numberOfFiles = $("#fileupload").fileupload("option").getNumberOfFiles(); 
   if(numberOfFiles > 0){ 
      $(".infoNum").text("Nombre de fichier : "+ numberOfFiles);
   }else{
      $(".infoNum").text("");
   }
}).bind("fileuploadstopped", function (e) {
   $("tr").each(function(){
      if($(this).hasClass("in") == false){
          $(this).addClass("in"); 
          console.log("done");
       }
});

我没有找到另一种方法来完成推送触发。有人有想法吗？

【讨论】：