Javascript - 切片文件 - 需要修改javascript

我是javascripting的新手，我有这段代码。在此代码中，您可以选择一个文件，然后查看它的第一个A-B字节，B-C字节或整个文件。演示此代码：http://www.html5rocks.com/en/tutorials/file/dndfiles/ - 标题：切片文件。Javascript - 切片文件 - 需要修改javascript

问题：如何设置永久文件在此脚本中使用，而不是上传随机文件的机会？（例如，我有文件test.html，并且我希望它是该脚本正在使用的唯一一个文件）。
问题：当我上传一个html文件时，脚本没有显示该文件的部分内容，但它显示了该文件的源代码部分。例如，如果上传的文件包含图像标签，则结果中看不到图片，但只有完全重写的源代码。有没有什么办法如何JavaScript的结果将像在HTML中书写的正常页面？

也许这是有人擅长这种原始的问题，但随着C语言klowledge我的编程知识结束，当我学习到PHP或JavaScript，我只是猜测。大多数我succesfull时代，但不是现在:(

感谢名单每个答案！

<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>

来源

2013-02-08 user2054618

即使使用新的File Api，如果没有用户交互，您无法从磁盘读取文件，因此无法进行“默认”文件选择 – 2013-02-08 14:52:04

如果您自己提供文件，只需将它加入并从中显示htmlfragments – mplungjan 2013-02-08 14:58:29

号为安全起见，你可以不直接与文件系统，而无需用户交互决策文件的选择。想象一下，有人做upload 'known/path/to/passwords'。
这是混淆。在内容和源代码是不同的想法。ÿ你是混音级别。文件包含内容。并且文件中的源代码可以表示一个文档。但你不上传文件。您上传一个文件，即代表该源代码的一组字节。任何将其作为文档的解释都是您需要执行的独立工作。

来源

2013-02-08 15:04:37

问题1：我如何可以设置该脚本中使用的永久文件，而不是上传随机文件的机会呢？

如果没有他明确地“上传”它们，您将无法访问用户计算机上的任何文件。其他任何事情都会成为安全问题。但是，某些“应用程序”（浏览器扩展等）可以拥有此权限，并且在某些浏览器中可以禁用安全性。

要每次加载特定的文件，您应该使用ajax请求到网络中。

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

这就是它应该如何工作。该html文件只包含标记;该图片是不同的文件。

有没有什么办法如何JavaScript的结果将像在普通的网页写在HTML？

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

来源

2013-02-08 15:05:36 Bergi

Javascript - 切片文件 - 需要修改javascript

回答

相关问题