0

我正在开发一个基于 Web 的 C++ IDE 类项目。我想添加一个打开按钮，用户不仅可以打开文本文件（完成），还可以打开 .cpp 文件。这可能吗？

这是打开 .txt 文件并附加到我的 contenteditable div 的代码。

function readSingleFile(evt) {

      var f = evt.target.files[0];
      //console.log(f);
      if (!f) {
          alert("Failed to load file");
          return;
      }
      if (f.name.indexOf('.txt') == -1) {
          alert(f.name + " is not a valid text file.");
          return;
      }

      var r = new FileReader();
      r.onload = function (e) {
          var contents = e.target.result; //.replace("\r\n","<br/>");
          contents = contents.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
          alert("Got the file.n" + "name: " + f.name + "n" + "type: " + f.type + "n" + "size: " + f.size + " bytesn" + "contents: " + contents);


          var tmpSent = "";
          var newContents = "";
          for (var i = 0; i < contents.length; i++) {
              if(contents.charAt(i) == '\n') {
                  newContents += "<div>"+tmpSent+"</div>";
                  tmpSent = "";
              }
              else
                  tmpSent += contents.charAt(i);
          };
          if(tmpSent.length>0)
                  newContents += "<div>"+tmpSent+"</div>";

          console.log(newContents);
          document.getElementById('board').innerHTML = newContents;
      }
      r.readAsText(f);

  }

  document.getElementById('fileinput').addEventListener('change', readSingleFile, false);

http://jsfiddle.net/88vtR/33/

4

1 回答 1

1

查看呈现的代码，我发现它只强制打开 .txt 文件

  if (f.name.indexOf('.txt') == -1) {
      alert(f.name + " is not a valid text file.");
      return;
  }

如果您想保持相同的方法，我也会在其中添加对 .cpp 的检查。

不确定涉及的其他代码，但我会使用一个打开文件对话框，它只允许你想要的文件扩展名，这会使提到的检查变得多余。

于 2013-10-04T15:22:50.787 回答