html5.ipynb

{
  "cells": [
    {
      "metadata": {
        "trusted": true
      },
      "cell_type": "code",
      "source": "input_form = \"\"\"\n<div style=\"border:solid navy; padding:20px;\">\n<input type=\"file\" id=\"file_selector\" name=\"files[]\"/>\n<output id=\"list\"></output>\n</div>\n\"\"\"\n\njavascript = \"\"\"\n<script type=\"text/Javascript\">\n  function handleFileSelect(evt) {\n    var kernel = IPython.notebook.kernel;\n    var files = evt.target.files; // FileList object\n    console.log('Executing orig')\n    console.log(files)\n    // files is a FileList of File objects. List some properties.\n    var output = [];\n    var f = files[0]\n    output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',\n                  f.size, ' bytes, last modified: ',\n                  f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',\n                  '</_Mli>');\n    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';\n    var command = 'fname = \"' + f.name + '\"'\n    console.log(command)\n    kernel.execute(command);\n  }\n\n  document.getElementById('file_selector').addEventListener('change', handleFileSelect, false);\n</script>\n\"\"\"\n\ndef file_selector():\n    from IPython.display import HTML, display\n    display(HTML(input_form + javascript))\nf=file_selector()",
      "execution_count": 7,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "text/plain": "<IPython.core.display.HTML object>",
            "text/html": "\n<div style=\"border:solid navy; padding:20px;\">\n<input type=\"file\" id=\"file_selector\" name=\"files[]\"/>\n<output id=\"list\"></output>\n</div>\n\n<script type=\"text/Javascript\">\n  function handleFileSelect(evt) {\n    var kernel = IPython.notebook.kernel;\n    var files = evt.target.files; // FileList object\n    console.log('Executing orig')\n    console.log(files)\n    // files is a FileList of File objects. List some properties.\n    var output = [];\n    var f = files[0]\n    output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',\n                  f.size, ' bytes, last modified: ',\n                  f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',\n                  '</_Mli>');\n    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';\n    var command = 'fname = \"' + f.name + '\"'\n    console.log(command)\n    kernel.execute(command);\n  }\n\n  document.getElementById('file_selector').addEventListener('change', handleFileSelect, false);\n</script>\n"
          },
          "metadata": {}
        },
        {
          "output_type": "stream",
          "text": "None\n",
          "name": "stdout"
        }
      ]
    },
    {
      "metadata": {
        "trusted": true
      },
      "cell_type": "code",
      "source": "print fname\nimport os\npath=os.path.abspath(fname)\nprint path\n#import fileplot\n#fileplot.load_file(path)",
      "execution_count": 18,
      "outputs": [
        {
          "output_type": "stream",
          "text": "file.csv\n/home/nbuser/library/file.csv\n",
          "name": "stdout"
        }
      ]
    }
  ],
  "metadata": {
    "kernelspec": {
      "name": "python2",
      "display_name": "Python 2",
      "language": "python"
    },
    "language_info": {
      "mimetype": "text/x-python",
      "nbconvert_exporter": "python",
      "name": "python",
      "pygments_lexer": "ipython2",
      "version": "2.7.15",
      "file_extension": ".py",
      "codemirror_mode": {
        "version": 2,
        "name": "ipython"
      }
    }
  },
  "nbformat": 4,
  "nbformat_minor": 1
}