输入文件上传多个文件没有移动设备

Question

上工作，我有一个通用的文件了装载机看起来像这样：

<span class="input-group-btn"> 
    <span class="btn btn-default btn-fill btn-file"> 
     Browse<input type="file" id="fileInputs" multiple accept="image/*" onclick="resetprogresss()"> 
    </span> 
</span> 

我可以上传多个文件与我的台式机没有问题，但是当我尝试和使用移动设备上的相同功能，我似乎无法选择多个文件。

这里是JavaScript：

var Filenames; 

function generateUUID() { 
    var d = new Date().getTime(); 
    var uuid = 'xxxxxxxxxxx'.replace(/[xy]/g, function (c) { 
     var r = (d + Math.random() * 16) % 16 | 0; 
     d = Math.floor(d/16); 
     return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16); 
    }); 
    return uuid; 
}; 

var MainPath = generateUUID(); 
var Names = []; 

function UploadFiles() { 
    var SetDir = MainPath; 
    var fileInputs = document.getElementById("fileInputs"); 
    if ('files' in fileInputs) { 
     if (fileInputs.files.length == 0) { 
      alert("Please select a file"); 
      return; 
     } else { 
      var file = fileInputs.files[0]; 
      var ar = $("#AutoResumeBoxs").is(":checked"); 
      var chunksize = 20000; 
      var name = SetDir; 

      /* 
      Arguments: 
       username   name used to create subfolders on the server. 
       files    files object from the file input tag. 
       uploadStartFunction function that receives a file object just before uploading. 
       progressFunction function that accepts a percent-complete integer value. 
       doneFunction  function called when file is uploaded. 
       errorFunction  function called when an error occurs. 
       chunkSize   size in bytes of each chunk uploaded. 
       autoResume   bool to control auto resuming. 
      */ 
      CFUpload(name, fileInputs.files, uploadStarts, progresss, dones, errors, chunksize, ar); 
     } 
    } 
} 

function uploadStarts(thisfile) { 
    Names.push(thisfile.name); 


} 

function progresss(percent) { 

    var p = percent + "%"; 
    $("#lblUPs").text(p); 
    $("#progressbars").width(p); 
    $("#progressbars").attr("data-appear-progress-animation", p); 
    $("#ProgressTabs").text(p); 
} 

function resetprogresss() { 
    progresss(0); 
} 

function dones() { 


} 

function errors(data) { 

} 

function setCookie(c_name, value, exdays) { 
    var exdate = new Date(); 
    exdate.setDate(exdate.getDate() + exdays); 
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString()); 
    document.cookie = c_name + "=" + c_value; 
} 

function getCookie(c_name) { 
    var c_value = document.cookie; 
    var c_start = c_value.indexOf(" " + c_name + "="); 
    if (c_start == -1) { 
     c_start = c_value.indexOf(c_name + "="); 
    } 
    if (c_start == -1) { 
     c_value = null; 
    } 
    else { 
     c_start = c_value.indexOf("=", c_start) + 1; 
     var c_end = c_value.indexOf(";", c_start); 
     if (c_end == -1) { 
      c_end = c_value.length; 
     } 
     c_value = unescape(c_value.substring(c_start, c_end)); 
    } 
    return c_value; 
} 

$(document).ready(function() { 
    $("#urls").hide(); 
    document.getElementById("saveme").disabled = true; 

    var username = getCookie("username"); 
}); 

我用这个library上传的文件。任何建议将不胜感激。

Answer 1

那么这取决于您在手机上选择的选择方法，但是，我的本机图库和文件管理器在我的手机上可以很好地工作，只需点击并按住要上传的文件，它就会切换到多点选择模式：

请注意，有很多jQuery插件在那里上传文件，如this one，所以没有必要使用纯^ h tml输入标签。