HTML输入标记文件处理

在PDF阅读器的代码中，有一个

input

标记，允许用户上传输入文件

 <input id="fileInput" class="fileInput" type="file" oncontextmenu="return false;" style="visibility: hidden; position: fixed; right: 0; top: 0" />

此

输入

标记不是任何表单的一部分。一旦用户上传了文件，它会去哪里？处理文件的代码在哪里？（我的问题是一般性的，不一定针对这段代码。）

---

“这很有趣。这段代码没有服务器端”

不，没有

js是一个用javascript编写的客户端程序。所以这在javascript方面是可行的

它实际上获取您想要显示的文件，并执行任何必须执行的操作，例如将缓冲区转换为Uint8Array，然后渲染它

所有进程都发生在javascript端。没有服务器端，没有文件上传

是一篇关于用javascript读取本地文件的文章

下面是中代码的相关部分

---

“这很有趣。这段代码没有服务器端”

不，没有

js是一个用javascript编写的客户端程序。所以这在javascript方面是可行的

它实际上获取您想要显示的文件，并执行任何必须执行的操作，例如将缓冲区转换为Uint8Array，然后渲染它

所有进程都发生在javascript端。没有服务器端，没有文件上传

是一篇关于用javascript读取本地文件的文章

下面是中代码的相关部分

---

您必须用服务器端语言（比如PHP）设置路径，然后它就会到达那里。否则，如果我没弄错的话，它就会转到某个临时文件夹。这个标签必须是某种形式的一部分，这很有趣。此代码没有服务器端。首先：每个上载的文件都会转到临时文件夹，然后服务器端脚本将其移动到另一个文件夹。第二：pdf js使用javascript，因此不需要某种形式；）@furas那么处理上传文件的Javascript代码在哪里呢？该查看器中没有上传。查看器使用输入文件在浏览器中打开文件。您必须用服务器端语言（比如PHP）设置路径，然后它就会转到那里。否则，如果我没弄错的话，它就会转到某个临时文件夹。这个标签必须是某种形式的一部分，这很有趣。此代码没有服务器端。首先：每个上载的文件都会转到临时文件夹，然后服务器端脚本将其移动到另一个文件夹。第二：pdf js使用javascript，因此不需要某种形式；）@furas那么处理上传文件的Javascript代码在哪里呢？该查看器中没有上传。查看器使用输入文件在浏览器中打开文件。+1您在javascript中找到了关于读取本地文件的同一篇文章：）+1您在javascript中找到了关于读取本地文件的同一篇文章：）

window.addEventListener('change', function webViewerChange(evt) {
  var files = evt.target.files;
  if (!files || files.length === 0)
    return;

  // Read the local file into a Uint8Array.
  var fileReader = new FileReader();
  fileReader.onload = function webViewerChangeFileReaderOnload(evt) {
    var buffer = evt.target.result;
    var uint8Array = new Uint8Array(buffer);
    PDFView.open(uint8Array, 0);
  };

  var file = files[0];
  fileReader.readAsArrayBuffer(file);
  PDFView.setTitleUsingUrl(file.name);

  // URL does not reflect proper document location - hiding some icons.
  document.getElementById('viewBookmark').setAttribute('hidden', 'true');
  document.getElementById('download').setAttribute('hidden', 'true');
}, true);