Home > javascript > HTML File API Load Folder Into iFrame

HTML File API Load Folder Into iFrame

I want to dynamically load a user's local folder into an iframe.

For example the end user is a developer and they have code

app-folder    index.html    style.css    script.js

I want the user to be able to drag the app-folder onto the iframe and load the source.

I can get index.html to load by getting the HTML 5 file object and running,

iframe.src = window.URL.createObjectURL(file).

However, index.html references <script src="script.js"></script> and it no longer knows how to resolve script.js.

I tried looping through the source as a string and replacing tags with the object url. But I'm hesitant to continue with that route because I think it would prove to unreliable, as more complicated projects may get out of hand.

Any thoughts or examples would be much appreciated!

Replay

Category: javascript Time: 2016-07-31 Views: 25

Tags: javascript html fileapi

For Node Js Server how to refer static html files from different folder 2016-02-01

I have server js set up as var express = require('express'); var app = express(); app.use(express.static(__dirname + '/public/DirName')); var ipaddress = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1'; now because of use of dir for express it picks u
How to list the source URLs from saved html files from a folder? 2013-05-31

I have a lot of html files in a folder. I used them in a project. I want to build a References.txt file in which the URL from which each html file was saved will be listed with the time stamp on which it was saved. There will be a space between each
HTTP Callout returns HTML - can I load it into a new browser window? 2015-03-13

I'm currently making a callout to a third party api from some Apex code triggered by a javascript button, sending info to fill out a web form on their end. The desired functionality is that the button cause a browser window to open with the filled ou
JavaFX, Gluon : HTML file not loaded from Java code in APK 2016-02-12

I have a Gluon JavafX project on Intellij Idea after installing Gluon plugin, in which I am loading some static HTML files in JavaFX's Webkit browser. Now, when I start the JavaFX application directly, I can see the HTML being loaded, but when I crea
Sorting files in a folder into subfolders with a specific/maximum number of files 2013-11-08

Im a bit of a noob on programming so i need some help. Im using windows 7 BTW i have several folders ; 0,A,B,C,D etc. each contains somewhere between 150 and 8000 files that start with the same letter as the folder they are in( so they are sorted). t
How to add files within file geodatabase (*.gdb) folder into ArcMap? 2014-01-07

I'm trying to use ArcMap to make a basemap and I currently have an unzipped folder full of files including .atx, .gbdindexes, .gdbtable, .gdbtablx, and .spx. I'm well aware that these files cannot be 'added' into the ArcMap database as is. So I've ma
html file not loading google maps and current location 2015-10-30

I have a html file that when I click on it, it should open in a browser but it does not load. The link of the html opens and loads the image. Below is the link: http://cambridgeaviation.org/location/Intro_Direction.html
Include HTML file with a table into PHP 2016-01-17

I have a table stored in an HTML file and I want to insert that into a WordPress page. I used echo file_get_contents('table.html') but it didn't display anything. Then I tried echo htmlentities (file_get_contents('table.html')). This just outputs the
How to Insert all PDF files from a folder into a varbinary(max) column in SQL using a Query 2016-07-06

I am trying to create a query script for SQL Server that will convert pdf file into varbinary data and store it into the SQL Table column which is varbinary(max). I also have to make sure it loops so it can do that for the next pdf file in that folde
Sort a binary file without loading it into memory or using a temporary file 2016-07-18

I had a silly assignment: You are given a binary file FLOATS.DAT of unknown length, type float data has been written in it. Write a program which sorts the data in the file (the output is a sorted file FLOATS.DAT). You need to sort it without loading
Are any files copied when I move files from a folder into another folder on the same disk? 2014-08-08

Or is only the reference changed? It's a general question. Not really Ubuntu-specific. BTW: I've tried sudo fdisk -l, it doesn't seem to give the full picture. --------------Solutions------------- A file in *nix consists of three things: The data on
Batch to move files from root folder into sub-folders 2016-06-25

I have a root folder: C:\Users\username\Desktop\New folder which contains .mp3 files that are named like this: 20162406_3346_234958_97270791720411 20162305_3315_163017_97620734220699 I tried creating a batch that would sort them by the first 5-digits
Batch convert all html files in a directory into pdf files in windows? 2011-09-21

I see one solution so far: http://www.htmldoc.org/ Are there any more out there which are suggested? --------------Solutions------------- One alternative to HTMLDOC is Prince. PROs: Prince can handle most of CSS (which HTMLDOC can't) and use almost a
Android Java; How can I parse a local JSON file from assets folder into a ListView 2013-11-13

I'm currently developing a physics app that is supposed to show a list of formulas and even solve some of them (the only problem is the ListView) This is my main layout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
How to convert all odt files in a folder into microsoft word files ? 2015-03-26

I have a folder with a lot of odt files from LibreOffice, I could open each one by hand and save it as a microsoft word file, but that would take a long time, is it possible to reach this goal using the command line ? --------------Solutions---------
Moving Files From a folder into other folders 2016-01-30

How do I move files (.mp4 .avi .mkv) from a folder on my desktop to one on an external drive. The folder map looks kind of like this: C:\Users\Zac\Desktop\Finished\Folder1 Folder2 Folder3 etc. inside each folder there is one of the following .mp4 .av
How do I combine two HTML files with different scripts into one file? 2015-02-05

I am trying to make a crime map with selector options for type of crime, and the year, from 2010 to 2014. I used this code from jsbin to create the selectors: http://jsbin.com/sihayino/4/edit?html,css,js,output and this code from bl.ocks.org to make
How to create html file from path entered into url 2016-04-04

How do websites like lichess and shrib create specific pages for you to personally use? Examples: http://en.lichess.org/fdnenTEJ http://shrib.com/uaR3EKNBc8d4OdI They generate unique id paths which are associated with new html pages. How would I impl
How to get text buffer from file and loading into TextView using python and Gtk+3 2014-03-17

I want to create an Ubuntu App that uses Gtk+3 and Python. However, I would like to know how I can get the text buffer from a file and load it into a TextView. Does anyone know how this can be done using a FileChooserDialog? --------------Solutions--