[JS][JQUERY] HTML5 FileSystem

Hello,

The JQuery-FileSystem uses the new HTML5 FileSystem.
It's kind of new making JQuery api's and make it so easily as possible to use it.

For me it worked out well.

Here is a feature list:

• Support of Temporary (what is says) and persistent (storing files all time, currently 100mb)
• Create folders
• Create files (if path doesn't exists, option to create it)
• Read files
• Write and/or append to files (ability to truncate files)

To-do:

• Get folder & files in it
• Remove folder(s)
• move, copy and rename files and folders

Link:
https://github.com/Joopie1994/JQuery-FileSystem

Currently this only supports Chrome (and other browsers which support the FileSystem API).

There is an example file on how to use it (index.html)
Live version: http://joopie1994.github.com/JQuery-...tem/index.html

I would love to see some critical feedback.

- Joopie

The demo is down, It sounds good though.

Quote:

---

Originally Posted by joopie

Hello,

The JQuery-FileSystem uses the new HTML5 FileSystem.
It's kind of new making JQuery api's and make it so easily as possible to use it.

For me it worked out well.

Here is a feature list:

• Support of Temporary (what is says) and persistent (storing files all time, currently 100mb)
• Create folders
• Create files (if path doesn't exists, option to create it)
• Read files
• Write and/or append to files (ability to truncate files)

To-do:

• Get folder & files in it
• Remove folder(s)
• move, copy and rename files and folders

Link:
https://github.com/Joopie1994/JQuery-FileSystem

There is an example file on how to use it (index.html)
Live version: http://joopie1994.github.com/JQuery-...tem/index.html

I would love to see some critical feedback.

- Joopie

---

Can you provide some documentation and more examples please? I can't tell what this is used for atm. I tried dragging a file to the browser but it's not using the HTML5 drag+drop API and there's no visible content on the demo so.. dunno how to make it work.

It should be mentioned that this won't work in any browser other than Chrome. (Unless others also implement the FileSystem API?)

Also, this line should have a comma at the end, not a semi-colon:

Code:

---

FILESYSTEM_VERSION = '0.0.1';

---

Quote:

---

Originally Posted by s-p-n

Can you provide some documentation and more examples please? I can't tell what this is used for atm. I tried dragging a file to the browser but it's not using the HTML5 drag+drop API and there's no visible content on the demo so.. dunno how to make it work.

---

The example does output some status and a link of an temp file.

It doesn't use the HTML 5 drag + drop API and it can be used to write/read local stored files for caching or such.

This is what you see (if supported and accepted) on the demo:
*** removed ***
---

And also a good idea. I would see if I can make the Drag+Drop file system in it!

Quote:

---

Originally Posted by timebomb

It should be mentioned that this won't work in any browser other than Chrome. (Unless others also implement the FileSystem API?)

Also, this line should have a comma at the end, not a semi-colon:

Code:

---

FILESYSTEM_VERSION = '0.0.1';

---

---

And yes, I forgot that to say.

Currently this only supports Chrome (and other browsers which support the FileSystem API).

And thank you, didn't even notice the semi-colon.

I'm using chrome and don't see any text when visiting your link, am I missing something?

Quote:

---

Originally Posted by s-p-n

I'm using chrome and don't see any text when visiting your link, am I missing something?

---

Strange.

Even if you dont accept the permissions that chromes need to write perm. files.
It can still store temporarily files without your permission.

Which the example does (Creating a directory) and shows the status.

--

You dont get any errors in the javascript console?

Quote:

---

Originally Posted by joopie

Strange.

Even if you dont accept the permissions that chromes need to write perm. files.
It can still store temporarily files without your permission.

Which the example does (Creating a directory) and shows the status.

--

You dont get any errors in the javascript console?

---

The link doesn't work anymore it takes me to a blank page.

The demo works for me :)

Quote:

---

Originally Posted by joopie

Strange.

Even if you dont accept the permissions that chromes need to write perm. files.
It can still store temporarily files without your permission.

Which the example does (Creating a directory) and shows the status.

--

You dont get any errors in the javascript console?

---

Sorry, I guess I didn't look. I don't have support for Blob in my chrome browser :/

Code:

---

Uncaught TypeError: Illegal constructor

---

(line 51)