Update about:net-internals to use Javascript for loading logs.

chrome/browser/resources/net_internals/dataview.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * This view displays options for importing/exporting the captured data. Its
  * primarily usefulness is to allow users to copy-paste their data in an easy
  * to read format for bug reports.
  *
  *   - Has a button to generate a text report.
@@ skipping 35 matching lines @@
   this.passivelyCapturedCountBox_ =
       document.getElementById(passivelyCapturedCountId);
   document.getElementById(deleteAllId).onclick =
       g_browser.deleteAllEvents.bind(g_browser);
 
   this.dumpDataDiv_ = document.getElementById(dumpDataDivId);
   this.loadDataDiv_ = document.getElementById(loadDataDivId);
   this.capturingTextSpan_ = document.getElementById(capturingTextSpanId);
   this.loggingTextSpan_ = document.getElementById(loggingTextSpanId);
 
-  document.getElementById(loadLogFileId).onclick =
-      g_browser.loadLogFile.bind(g_browser);
+  var loadLogFileElement = document.getElementById(loadLogFileId);
+  loadLogFileElement.onchange =
+      this.logFileChanged.bind(this, loadLogFileElement);
 
   this.updateEventCounts_();
   this.waitingForUpdate_ = false;
 
   g_browser.addLogObserver(this);
 }
 
 inherits(DataView, DivView);
 
 /**
@@ skipping 62 matching lines @@
 };
 
 /**
  * Clears displayed text when security stripping is toggled.
  */
 DataView.prototype.onSecurityStrippingChanged = function() {
   this.setText_('');
 }
 
 /**
+ * Called when a log file is selected.
+ *
+ * Gets the log file from the input element and tries to read from it.
+ */
+DataView.prototype.logFileChanged = function(loadLogFileElement) {
+  var logFile = loadLogFileElement.files[0];
+  if (logFile) {
+    var fileReader = new FileReader();
+
+    fileReader.onload = this.onLoadLogFile.bind(this);
+    fileReader.onerror = this.onLoadLogFileError.bind(this);
+
+    fileReader.readAsText(logFile);
+  }
+}
+
+/**
+ * Displays an error message when unable to read the selected log file.
+ */
+DataView.prototype.onLoadLogFileError = function(event) {
+  alert('Error ' + event.target.error.code + '.  Unable to load file.');
+}
+
+/**
+ * Tries to load the contents of the log file.
+ */
+DataView.prototype.onLoadLogFile = function(event) {
+  g_browser.loadedLogFile(event.target.result);
+}
+
+/**
  * If not already waiting for results from all updates, triggers all
  * updates and starts waiting for them to complete.
  */
 DataView.prototype.onExportToText_ = function() {
   if (this.waitingForUpdate_)
     return;
   this.waitingForUpdate = true;
   this.setText_('Generating...');
   g_browser.updateAllInfo(this.onUpdateAllCompleted.bind(this));
 };
@@ skipping 318 matching lines @@
  * Select all text from log dump.
  */
 DataView.prototype.selectText_ = function() {
   var selection = window.getSelection();
   selection.removeAllRanges();
 
   var range = document.createRange();
   range.selectNodeContents(this.textPre_);
   selection.addRange(range);
 };