Javascript-切片需要修改Javascript

我是java脚本的新手，我有这段代码。在这段代码中，您可以选择一个文件，然后查看它的第一个a-B字节、B-C字节或整个文件。此代码的演示位置：http://www.html5rocks.com/en/tutorials/file/dndfiles/-小标题：切一个文件。

问题：我如何设置一个永久文件在这个脚本中使用，而不是上传一个随机文件的机会？（例如，我有一个文件test.html，我希望它是这个脚本使用的唯一一个文件）。
问题：当我上传一个html文件时，脚本不会显示该文件的部分内容，但它显示了该文件的源代码部分。例如，如果上传的文件包含一个图像标签，结果我看不到图片，只能看到完全重写的源代码。有没有办法让javascript结果像用html编写的普通页面一样运行？

对于熟悉这方面的人来说，这可能是一些原始的问题，但我的编程知识以C语言的笨拙而告终，当我学习php或javascript时，我只是在猜测。大多数时候我都很成功，但现在不行：（

感谢每一个答案！

<style>
  #byte_content {
    margin: 5px 0;
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #byte_range { margin-top: 5px; }
</style>
<input type="file" id="files" name="file" /> Read bytes: 
<span class="readBytesButtons">
  <button data-startbyte="0" data-endbyte="4">1-5</button>
  <button data-startbyte="5" data-endbyte="14">6-15</button>
  <button data-startbyte="6" data-endbyte="7">7-8</button>
  <button>entire file</button>
</span>
<div id="byte_range"></div>
<div id="byte_content"></div>
<script>
  function readBlob(opt_startByte, opt_stopByte) {
    var files = document.getElementById('files').files;
    if (!files.length) {
      alert('Please select a file!');
      return;
    }
    var file = files[0];
    var start = parseInt(opt_startByte) || 0;
    var stop = parseInt(opt_stopByte) || file.size - 1;
    var reader = new FileReader();
    // If we use onloadend, we need to check the readyState.
    reader.onloadend = function(evt) {
      if (evt.target.readyState == FileReader.DONE) { // DONE == 2
        document.getElementById('byte_content').textContent = evt.target.result;
        document.getElementById('byte_range').textContent = 
            ['Read bytes: ', start + 1, ' - ', stop + 1,
             ' of ', file.size, ' byte file'].join('');
      }
    };
    var blob = file.slice(start, stop + 1);
    reader.readAsBinaryString(blob);
  }
  document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {
    if (evt.target.tagName.toLowerCase() == 'button') {
      var startByte = evt.target.getAttribute('data-startbyte');
      var endByte = evt.target.getAttribute('data-endbyte');
      readBlob(startByte, endByte);
    }
  }, false);
</script>

没有。出于安全原因，如果没有用户的选择，就不能直接与文件系统交互。想象一下有人在做upload 'known/path/to/passwords'。
这令人困惑。文件的内容和源代码是不同的想法。您正在混合级别。文档包含内容。文档可能由文件中的源代码表示。但您不上传文档。您上传了一个文件，即表示源代码的字节集。将其解释为一份文件是一项单独的工作，您需要执行。

问题1：我如何设置一个永久文件在这个脚本中使用，而不是上传一个随机文件？

如果用户没有明确"上传"文件，你就无法访问用户计算机上的任何文件。其他任何事情都是安全问题。然而，一些"应用程序"（浏览器扩展等）可以拥有此权限，在某些浏览器中，您可以禁用安全性。

要每次加载一个特定的文件，您应该使用ajax请求将其发送到web中。

问题：当我上传一个html文件时，脚本不会显示该文件的部分内容，但它显示了该文件的源代码部分。

这就是它应该如何工作。html文件仅由标记组成；图片是另一个文件。

有没有办法让javascript结果像用html编写的普通页面一样运行？

当然，您可以通过将HTML源代码写入iframe或其他东西来呈现它。然而，它不会访问作为本地文件的图像。

相关内容

最新更新

热门标签：