Question

我尝试使用jQuery打开一个文件。这是我的HTML，

<button onclick='load();'>load</button>

这是我的js代码：

function load() {
  var fileSelector = $('<input id="load" type = "file" multiple />');
  fileSelector.click();
  //code here to get the files ...
}

现在我想获取加载的文件，我该怎么办？

Answer 1

HTML5文件Api（http://dev.w3.org/2006/webapi/FileAPI/）允许打开文件，但用户必须选择文件以确保安全。

如果您需要在没有用户交互的情况下打开文件，则必须在服务器端使用PHP等语言执行此操作。

Answer 2

这是我的解决方案我使用了文件类型输入，然后使用Jquery触发函数来触发文件输入的click事件。

$(function(){
  $("#btnFile").click(function(){
    $("#file").trigger("click");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <input id="file" type="file" hidden/>
 <button id="btnFile">Click Me</button>

使用jQuery打开文件

2 个答案: